npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/colourInput/ColourInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColourInput.js","sources":["../../../../src/components/colourInput/ColourInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tColorInputContainer,\n\tStyledColorInput,\n} from '@src/components/colourInput/ColourInput.styled';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\n\nexport interface ColourInputProps {\n\tvalue: string;\n\tlabelText: string;\n\theadingText?: string;\n\tonValueChange: (value: string) => void;\n}\n\nexport const ColourInput: React.FC<ColourInputProps> = (props) => {\n\treturn (\n\t\t<div className=\"buttonColorCustom\">\n\t\t\t{props.headingText && <BodySecondary>{props.headingText}</BodySecondary>}\n\t\t\t<ColorInputContainer>\n\t\t\t\t<BodyPrimary>{props.labelText ?? 'Colour'}</BodyPrimary>\n\t\t\t\t<StyledColorInput\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tprops.onValueChange(e.target.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvalue={props.value}\n\t\t\t\t/>\n\t\t\t</ColorInputContainer>\n\t\t</div>\n\t);\n};\n"],"names":["ColourInput","props","jsxDEV","BodySecondary","this","ColorInputContainer","BodyPrimary","StyledColorInput","e"],"mappings":"iMAcaA,EAA2CC,GAEtDC,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAD,EAAM,aAAeC,EAAAA,OAACC,gBAAA,CAAe,SAAAF,EAAM,WAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAG,MAAkC,WACvDC,EAAAA,oBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CAAa,SAAAL,EAAM,WAAa,QAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAA0C,EAC1CF,EAAAA,OAACK,EAAAA,iBAAA,CACA,KAAK,QACL,SAAWC,GAAM,CAChBP,EAAM,cAAcO,EAAE,OAAO,KAAK,CACnC,EACA,MAAOP,EAAM,KAAA,EALd,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA"}
1	+ {"version":3,"file":"ColourInput.js","sources":["../../../../src/components/colourInput/ColourInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tColorInputContainer,\n\tStyledColorInput,\n} from '@src/components/colourInput/ColourInput.styled';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\n\nexport interface ColourInputProps {\n\tvalue: string;\n\tlabelText: string;\n\theadingText?: string;\n\tonValueChange: (value: string) => void;\n}\n\nexport const ColourInput: React.FC<ColourInputProps> = (props) => {\n\treturn (\n\t\t<div className=\"buttonColorCustom\">\n\t\t\t{props.headingText && <BodySecondary>{props.headingText}</BodySecondary>}\n\t\t\t<ColorInputContainer>\n\t\t\t\t<BodyPrimary>{props.labelText ?? 'Colour'}</BodyPrimary>\n\t\t\t\t<StyledColorInput\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tprops.onValueChange(e.target.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvalue={props.value}\n\t\t\t\t/>\n\t\t\t</ColorInputContainer>\n\t\t</div>\n\t);\n};\n"],"names":["ColourInput","props","jsxDEV","BodySecondary","this","ColorInputContainer","BodyPrimary","StyledColorInput","e"],"mappings":"iMAcaA,EAA2CC,GAEtDC,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAD,EAAM,aAAeC,EAAAA,OAACC,gBAAA,CAAe,SAAAF,EAAM,WAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAAkC,WACvDC,EAAAA,oBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CAAa,SAAAL,EAAM,WAAa,QAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAA0C,EAC1CF,EAAAA,OAACK,EAAAA,iBAAA,CACA,KAAK,QACL,SAAWC,GAAM,CAChBP,EAAM,cAAcO,EAAE,OAAO,KAAK,CACnC,EACA,MAAOP,EAAM,KAAA,EALd,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA"}

package/dist/cjs/components/country-code-picker/CountryCodePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),b=require("../../assets/icons/chevronDown.svg.js"),s=require("react"),a=require("./CountryCodePicker.modal.js"),l=require("./CountryCodePicker.styled.js"),k=require("../dropdown/DropdownPopover/index.js"),d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),C=e=>{const[n,c]=s.useState(e.selectedCountry??{name:"India",dial:"+91",code:"IN"}),u=`https://flagcdn.com/${n.code?.toLowerCase()}.svg`;s.useEffect(()=>{e.selectedCountry&&c(e.selectedCountry)},[e.selectedCountry?.code]);const m=()=>a.CountriesData.map(r=>{const t=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.dial,searchKey:r.name,customComponent:o.jsxDEV(l.StyledCountryPickerOption,{children:[!e.hideFlagImage&&o.jsxDEV("img",{src:t,className:"country-flag__option",alt:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:62,columnNumber:8},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:[o.jsxDEV("span",{style:{color:e.codeColor??i.COLORS.text.primary},children:r.code},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:70,columnNumber:8},void 0),"  ",o.jsxDEV("span",{style:{color:e.dialColor??i.COLORS.text.primary},children:r.dial},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:69,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:60,columnNumber:6},void 0),selected:n.code===r.code}});return o.jsxDEV(k.DropdownPopover,{version:e.version,isSearchable:!0,width:e.popoverWidth??"200px",placement:e.placement??"bottom-start",strategy:e.placementStrategy??"absolute",options:m(),disabled:e.disabled,onSelect:r=>{const t=a.CountriesData.filter(y=>y.code===r.value);c(t[0]),e.onCountrySelect(t[0])},children:o.jsxDEV(l.StyledCountryPickerWrapper,{height:e.height,style:e.containerStyles,onClick:()=>{console.log("hello"),e.onDropdownClick?.()},children:[o.jsxDEV("div",{className:"content__wrapper",children:[!e.hideFlagImage&&o.jsxDEV("img",{src:u,className:"country-flag__selected-option",alt:n.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:120,columnNumber:7},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:n.dial},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:126,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:118,columnNumber:5},void 0),o.jsxDEV(b.default,{width:24,height:24,color:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:130,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:110,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:94,columnNumber:3},void 0)};exports.CountryCodePicker=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),b=require("../../assets/icons/chevronDown.svg.js"),s=require("react"),d=require("./CountryCodePicker.modal.js"),l=require("./CountryCodePicker.styled.js"),C=require("../dropdown/DropdownPopover/index.js"),a=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),k=e=>{const[r,i]=s.useState(e.selectedCountry??{name:"India",dial:"+91",code:"IN"}),u=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;s.useEffect(()=>{e.selectedCountry&&i(e.selectedCountry)},[e.selectedCountry?.code]);const m=()=>d.CountriesData.map(n=>{const t=`https://flagcdn.com/${n.code?.toLowerCase()}.svg`;return{value:n.code,label:n.dial,searchKey:n.name,customComponent:o.jsxDEV(l.StyledCountryPickerOption,{children:[!e.hideFlagImage&&o.jsxDEV("img",{src:t,className:"country-flag__option",alt:n.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:62,columnNumber:8},void 0),o.jsxDEV(a.BodySecondary,{style:e.countryTextStyle??{},children:[o.jsxDEV("span",{style:{color:e.codeColor??c.COLORS.text.primary},children:n.code},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:70,columnNumber:8},void 0),"  ",o.jsxDEV("span",{style:{color:e.dialColor??c.COLORS.text.primary},children:n.dial},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:69,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:60,columnNumber:6},void 0),selected:r.code===n.code}});return o.jsxDEV(C.DropdownPopover,{version:e.version,isSearchable:!0,width:e.popoverWidth??"200px",placement:e.placement??"bottom-start",strategy:e.placementStrategy??"absolute",options:m(),disabled:e.disabled,onSelect:n=>{const t=d.CountriesData.filter(y=>y.code===n.value);i(t[0]),e.onCountrySelect(t[0])},children:o.jsxDEV(l.StyledCountryPickerWrapper,{height:e.height,style:e.containerStyles,onClick:()=>{console.log("hello"),e.onDropdownClick?.()},children:[o.jsxDEV("div",{className:"content__wrapper",children:[!e.hideFlagImage&&o.jsxDEV("img",{src:u,className:"country-flag__selected-option",alt:r.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:120,columnNumber:7},void 0),o.jsxDEV(a.BodySecondary,{style:e.countryTextStyle??{},children:r.dial},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:126,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:118,columnNumber:5},void 0),o.jsxDEV(b.default,{width:24,height:24,color:c.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:130,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:110,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:94,columnNumber:3},void 0)};exports.CountryCodePicker=k;
 //# sourceMappingURL=CountryCodePicker.js.map

package/dist/cjs/components/country-code-picker/CountryCodePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' \| '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"+YAgBaA,EAePC,GAAU,CACf,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAK7CH,EAAM,iBAAmB,CACxB,KAAM,QACN,KAAM,MACN,KAAM,IAAA,CACP,EAEKI,EAAe,uBAAuBH,EAAgB,MAAM,aAAa,OAE/EI,EAAAA,UAAU,IAAM,CACXL,EAAM,iBACTE,EAAmBF,EAAM,eAAe,CAE1C,EAAG,CAACA,EAAM,iBAAiB,IAAI,CAAC,EAEhC,MAAMM,EAAoB,IAClBC,EAAAA,cAAc,IAAKC,GAAY,CACrC,MAAMC,EAAO,uBAAuBD,EAAQ,MAAM,aAAa,OAC/D,MAAO,CACN,MAAOA,EAAQ,KACf,MAAOA,EAAQ,KACf,UAAWA,EAAQ,KACnB,yBACEE,4BAAA,CACC,SAAA,CAAA,CAACV,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKF,EACL,UAAU,uBACV,IAAKD,EAAQ,IAAA,EAHd,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,WAOAC,EAAAA,cAAA,CAAc,MAAOb,EAAM,kBAAoB,CAAA,EAC/C,SAAA,CAAAW,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAOC,KACDD,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,EAED,SAAUX,EAAgB,OAASO,EAAQ,IAAA,CAE7C,CAAC,EAGF,OACCG,EAAAA,OAACI,EAAAA,gBAAA,CACA,QAASf,EAAM,QACf,aAAY,GACZ,MAAOA,EAAM,cAAgB,QAC7B,UAAWA,EAAM,WAAa,eAC9B,SAAUA,EAAM,mBAAqB,WACrC,QAASM,EAAA,EACT,SAAUN,EAAM,SAChB,SAAWgB,GAAW,CACrB,MAAMC,EAAiBV,EAAAA,cAAc,OACnCC,GAAYA,EAAQ,OAAUQ,EAAwB,KAAA,EAExDd,EAAmBe,EAAe,CAAC,CAAC,EACpCjB,EAAM,gBAAgBiB,EAAe,CAAC,CAAC,CACxC,EAEA,SAAAN,EAAAA,OAACO,EAAAA,2BAAA,CACA,OAAQlB,EAAM,OACd,MAAOA,EAAM,gBACb,QAAS,IAAM,CACd,QAAQ,IAAI,OAAO,EACnBA,EAAM,kBAAA,CACP,EAEA,SAAA,CAAAW,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAA,CAACX,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKP,EACL,UAAU,gCACV,IAAKH,EAAgB,IAAA,EAHtB,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAW,MAAA,EAMDD,EAAAA,OAACE,EAAAA,eAAc,MAAOb,EAAM,kBAAoB,GAC9C,WAAgB,MADlB,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAY,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EACAD,EAAAA,OAACQ,EAAAA,SAAS,MAAO,GAAI,OAAQ,GAAI,MAAOL,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAF,MAAgE,CAAA,CAAA,EApBjE,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAqBA,EArCD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}
1	+ {"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' \| '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"+YAgBaA,EAePC,GAAU,CACf,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAK7CH,EAAM,iBAAmB,CACxB,KAAM,QACN,KAAM,MACN,KAAM,IAAA,CACP,EAEKI,EAAe,uBAAuBH,EAAgB,MAAM,aAAa,OAE/EI,EAAAA,UAAU,IAAM,CACXL,EAAM,iBACTE,EAAmBF,EAAM,eAAe,CAE1C,EAAG,CAACA,EAAM,iBAAiB,IAAI,CAAC,EAEhC,MAAMM,EAAoB,IAClBC,EAAAA,cAAc,IAAKC,GAAY,CACrC,MAAMC,EAAO,uBAAuBD,EAAQ,MAAM,aAAa,OAC/D,MAAO,CACN,MAAOA,EAAQ,KACf,MAAOA,EAAQ,KACf,UAAWA,EAAQ,KACnB,yBACEE,4BAAA,CACC,SAAA,CAAA,CAACV,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKF,EACL,UAAU,uBACV,IAAKD,EAAQ,IAAA,EAHd,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,WAOAC,EAAAA,cAAA,CAAc,MAAOb,EAAM,kBAAoB,CAAA,EAC/C,SAAA,CAAAW,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAOC,KACDD,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,EAED,SAAUX,EAAgB,OAASO,EAAQ,IAAA,CAE7C,CAAC,EAGF,OACCG,EAAAA,OAACI,EAAAA,gBAAA,CACA,QAASf,EAAM,QACf,aAAY,GACZ,MAAOA,EAAM,cAAgB,QAC7B,UAAWA,EAAM,WAAa,eAC9B,SAAUA,EAAM,mBAAqB,WACrC,QAASM,EAAA,EACT,SAAUN,EAAM,SAChB,SAAWgB,GAAW,CACrB,MAAMC,EAAiBV,EAAAA,cAAc,OACnCC,GAAYA,EAAQ,OAAUQ,EAAwB,KAAA,EAExDd,EAAmBe,EAAe,CAAC,CAAC,EACpCjB,EAAM,gBAAgBiB,EAAe,CAAC,CAAC,CACxC,EAEA,SAAAN,EAAAA,OAACO,EAAAA,2BAAA,CACA,OAAQlB,EAAM,OACd,MAAOA,EAAM,gBACb,QAAS,IAAM,CACd,QAAQ,IAAI,OAAO,EACnBA,EAAM,kBAAA,CACP,EAEA,SAAA,CAAAW,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAA,CAACX,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKP,EACL,UAAU,gCACV,IAAKH,EAAgB,IAAA,EAHtB,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,IAAA,aAAA,CAAA,EAAAW,MAAA,EAMDD,EAAAA,OAACE,EAAAA,eAAc,MAAOb,EAAM,kBAAoB,GAC9C,WAAgB,MADlB,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,IAAA,aAAA,CAAA,EAAAY,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EACAD,EAAAA,OAACQ,EAAAA,SAAS,MAAO,GAAI,OAAQ,GAAI,MAAOL,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAgE,CAAA,CAAA,EApBjE,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAqBA,EArCD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}

package/dist/cjs/components/country-code-picker/CountryPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),O=require("../../assets/icons/chevronDown.svg.js"),d=require("react"),b=require("./CountryCodePicker.modal.js"),k=require("./CountryPicker.styled.js"),U=require("../dropdown/DropdownPopover/index.js"),s=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),V=({version:p,onCountrySelect:y,selectedCountry:c,popoverWidth:v="300px",height:f,placement:h="bottom-start",placementStrategy:N="absolute",disabled:a=!1,hideFlagImage:m=!1,containerStyles:C,placeholder:x="Select a country",showCountryCode:l=!0,countryTextStyle:t,onDropdownClick:D})=>{const[P,S]=d.useState(c),o=c??P,u=o?`https://flagcdn.com/${o.code?.toLowerCase()}.svg`:void 0,j=d.useMemo(()=>b.CountriesData.map(r=>{const n=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.name,searchKey:r.name,customComponent:e.jsxDEV(k.StyledCountryOption,{children:[!m&&e.jsxDEV("img",{src:n,className:"country-flag",alt:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:123,columnNumber:8},void 0),e.jsxDEV("div",{className:"country-info",children:[e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.primary,...t},children:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:126,columnNumber:8},void 0),l&&e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.secondary,fontSize:"12px"},children:r.code},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:135,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:121,columnNumber:6},void 0),selected:o?.code===r.code}}),[o?.code,m,l,t]),g=r=>{const n=b.CountriesData.find(E=>E.code===r.value);n&&(c===void 0&&S(n),y(n))};return e.jsxDEV(U.DropdownPopover,{version:p,isSearchable:!0,width:v,placement:h,strategy:N,options:j,disabled:a,onSelect:r=>g(r),children:e.jsxDEV(k.StyledCountryPickerContainer,{height:f,style:C,onClick:D,disabled:a,children:[e.jsxDEV("div",{className:"content__wrapper",children:o?e.jsxDEV(e.Fragment,{children:[!m&&u&&e.jsxDEV("img",{src:u,className:"country-flag",alt:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:186,columnNumber:9},void 0),e.jsxDEV(s.BodySecondary,{style:t,children:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:192,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:184,columnNumber:7},void 0):e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.disabled,...t},children:x},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:182,columnNumber:5},void 0),e.jsxDEV(O.default,{width:24,height:24,color:a?i.COLORS.text.disabled:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:207,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:176,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:166,columnNumber:3},void 0)};exports.CountryPicker=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),E=require("../../assets/icons/chevronDown.svg.js"),m=require("react"),y=require("./CountryCodePicker.modal.js"),b=require("./CountryPicker.styled.js"),O=require("../dropdown/DropdownPopover/index.js"),s=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),U=({version:p,onCountrySelect:f,selectedCountry:t,popoverWidth:k="300px",height:N,placement:C="bottom-start",placementStrategy:x="absolute",disabled:a=!1,hideFlagImage:l=!1,containerStyles:D,placeholder:v="Select a country",showCountryCode:d=!0,countryTextStyle:i,onDropdownClick:h})=>{const[P,w]=m.useState(t),n=t??P,u=n?`https://flagcdn.com/${n.code?.toLowerCase()}.svg`:void 0,S=m.useMemo(()=>y.CountriesData.map(o=>{const r=`https://flagcdn.com/${o.code?.toLowerCase()}.svg`;return{value:o.code,label:o.name,searchKey:o.name,customComponent:e.jsxDEV(b.StyledCountryOption,{children:[!l&&e.jsxDEV("img",{src:r,className:"country-flag",alt:o.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:123,columnNumber:8},void 0),e.jsxDEV("div",{className:"country-info",children:[e.jsxDEV(s.BodySecondary,{style:{color:c.COLORS.text.primary,...i},children:o.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:126,columnNumber:8},void 0),d&&e.jsxDEV(s.BodySecondary,{style:{color:c.COLORS.text.secondary,fontSize:"12px"},children:o.code},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:135,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:121,columnNumber:6},void 0),selected:n?.code===o.code}}),[n?.code,l,d,i]),j=o=>{const r=y.CountriesData.find(g=>g.code===o.value);r&&(t===void 0&&w(r),f(r))};return e.jsxDEV(O.DropdownPopover,{version:p,isSearchable:!0,width:k,placement:C,strategy:x,options:S,disabled:a,onSelect:o=>j(o),children:e.jsxDEV(b.StyledCountryPickerContainer,{height:N,style:D,onClick:h,disabled:a,children:[e.jsxDEV("div",{className:"content__wrapper",children:n?e.jsxDEV(e.Fragment,{children:[!l&&u&&e.jsxDEV("img",{src:u,className:"country-flag",alt:n.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:186,columnNumber:9},void 0),e.jsxDEV(s.BodySecondary,{style:i,children:n.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:192,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:184,columnNumber:7},void 0):e.jsxDEV(s.BodySecondary,{style:{color:c.COLORS.text.disabled,...i},children:v},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:182,columnNumber:5},void 0),e.jsxDEV(E.default,{width:24,height:24,color:a?c.COLORS.text.disabled:c.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:207,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:176,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:166,columnNumber:3},void 0)};exports.CountryPicker=U;
 //# sourceMappingURL=CountryPicker.js.map

package/dist/cjs/components/country-code-picker/CountryPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/*\n Props for the CountryPicker component\n /\nexport interface CountryPickerProps {\n\t/\n\t Version of the dropdown popover to use\n\t /\n\tversion: '1.0' \| '2.0';\n\t/\n\t Callback function when a country is selected\n\t /\n\tonCountrySelect: (country: CountryCode) => void;\n\t/\n\t Currently selected country\n\t /\n\tselectedCountry?: CountryCode;\n\t/\n\t Width of the popover dropdown\n\t * @default \"300px\"\n\t /\n\tpopoverWidth?: string;\n\t/\n\t Height of the picker container\n\t /\n\theight?: string;\n\t/\n\t Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t /\n\tplacement?: Placement;\n\t/\n\t Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t /\n\tplacementStrategy?: PositioningStrategy;\n\t/\n\t Whether the picker is disabled\n\t * @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Whether to hide the flag image\n\t * @default false\n\t /\n\thideFlagImage?: boolean;\n\t/\n\t Custom styles for the container\n\t /\n\tcontainerStyles?: React.CSSProperties;\n\t/\n\t Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t /\n\tplaceholder?: string;\n\t/\n\t Whether to show country code alongside name\n\t * @default true\n\t /\n\tshowCountryCode?: boolean;\n\t/\n\t Custom text style for the country name\n\t /\n\tcountryTextStyle?: React.CSSProperties;\n\t/\n\t Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode \| undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"2YAqFaA,EAA8C,CAAC,CAC3D,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,QACf,OAAAC,EACA,UAAAC,EAAY,eACZ,kBAAAC,EAAoB,WACpB,SAAAC,EAAW,GACX,cAAAC,EAAgB,GAChB,gBAAAC,EACA,YAAAC,EAAc,mBACd,gBAAAC,EAAkB,GAClB,iBAAAC,EACA,gBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAyBC,CAA0B,EAAIC,EAAAA,SAE5Dd,CAAe,EAGXe,EAAiBf,GAAmBY,EAEpCI,EAAeD,EAClB,uBAAuBA,EAAe,MAAM,YAAA,CAAa,OACzD,OAEGE,EAAoBC,EAAAA,QAAQ,IAC1BC,EAAAA,cAAc,IAAKC,GAAY,CACrC,MAAMC,EAAO,uBAAuBD,EAAQ,MAAM,aAAa,OAC/D,MAAO,CACN,MAAOA,EAAQ,KACf,MAAOA,EAAQ,KACf,UAAWA,EAAQ,KACnB,yBACEE,sBAAA,CACC,SAAA,CAAA,CAAChB,YACA,MAAA,CAAI,IAAKe,EAAM,UAAU,eAAe,IAAKD,EAAQ,IAAA,EAAtD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA4D,EAE7DC,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAA,CAAAA,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,QACnB,GAAGhB,CAAA,EAGH,SAAAU,EAAQ,IAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAA,EAQCd,GACAe,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,UACnB,SAAU,MAAA,EAGV,SAAAN,EAAQ,IAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAA,CAOA,CAAA,EAjBF,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwBA,EAED,SAAUR,GAAgB,OAASK,EAAQ,IAAA,CAE7C,CAAC,EACC,CAACL,GAAgB,KAAMT,EAAeG,EAAiBC,CAAgB,CAAC,EAErEiB,EAAuBC,GAAyB,CACrD,MAAMC,EAAkBV,EAAAA,cAAc,KACpCC,GAAYA,EAAQ,OAASQ,EAAO,KAAA,EAElCC,IAEC7B,IAAoB,QACvBa,EAA2BgB,CAAe,EAE3C9B,EAAgB8B,CAAe,EAEjC,EAEA,OACCL,EAAAA,OAACM,EAAAA,gBAAA,CACA,QAAAhC,EACA,aAAY,GACZ,MAAOG,EACP,UAAAE,EACA,SAAUC,EACV,QAASa,EACT,SAAAZ,EACA,SAAWuB,GAAWD,EAAoBC,CAAsB,EAEhE,SAAAJ,EAAAA,OAACO,EAAAA,6BAAA,CACA,OAAA7B,EACA,MAAOK,EACP,QAASI,EACT,SAAAN,EAEA,SAAA,CAAAmB,SAAC,MAAA,CAAI,UAAU,mBACb,SAAAT,EACAS,EAAAA,OAAAQ,WAAA,CACE,SAAA,CAAA,CAAC1B,GAAiBU,GAClBQ,EAAAA,OAAC,MAAA,CACA,IAAKR,EACL,UAAU,eACV,IAAKD,EAAe,IAAA,EAHrB,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAQ,MAAA,EAMDC,SAACC,EAAAA,cAAA,CAAc,MAAOf,EACpB,WAAe,IAAA,EADjB,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EAEAC,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,SACnB,GAAGhB,CAAA,EAGH,SAAAF,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CAOA,EAtBF,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwBA,EACAC,EAAAA,OAACS,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAO5B,EAAWqB,EAAAA,OAAO,KAAK,SAAWA,EAAAA,OAAO,QAAQ,OAAA,EAHzD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAA,CAIA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAoCA,EA9CD,OAAA,GAAA,CAAA,SAAA,~~0IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAiDF"}
1	+ {"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/*\n Props for the CountryPicker component\n /\nexport interface CountryPickerProps {\n\t/\n\t Version of the dropdown popover to use\n\t /\n\tversion: '1.0' \| '2.0';\n\t/\n\t Callback function when a country is selected\n\t /\n\tonCountrySelect: (country: CountryCode) => void;\n\t/\n\t Currently selected country\n\t /\n\tselectedCountry?: CountryCode;\n\t/\n\t Width of the popover dropdown\n\t * @default \"300px\"\n\t /\n\tpopoverWidth?: string;\n\t/\n\t Height of the picker container\n\t /\n\theight?: string;\n\t/\n\t Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t /\n\tplacement?: Placement;\n\t/\n\t Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t /\n\tplacementStrategy?: PositioningStrategy;\n\t/\n\t Whether the picker is disabled\n\t * @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Whether to hide the flag image\n\t * @default false\n\t /\n\thideFlagImage?: boolean;\n\t/\n\t Custom styles for the container\n\t /\n\tcontainerStyles?: React.CSSProperties;\n\t/\n\t Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t /\n\tplaceholder?: string;\n\t/\n\t Whether to show country code alongside name\n\t * @default true\n\t /\n\tshowCountryCode?: boolean;\n\t/\n\t Custom text style for the country name\n\t /\n\tcountryTextStyle?: React.CSSProperties;\n\t/\n\t Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode \| undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"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"}

package/dist/cjs/components/curtain/Curtain.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),u=require("react"),i=require("./Curtain.styled.js"),t=require("./CurtainHelper.js"),r=require("../TypographyStyle.js"),m=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),l=require("../button/Button.js"),b=e=>{const[o,a]=u.useState(!1);if(o)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:41,columnNumber:10},void 0);const s=()=>{a(!0),e.onCloseHandler&&e.onCloseHandler()};return n.jsxDEV(i.CurtainStyle,{isTeritaryButton:!!e.tertiaryButtonText,position:e.position,mode:e.mode,type:e.type,strokeAtTop:e.strokeAtTop,strokeAtBottom:e.strokeAtBottom,children:[n.jsxDEV("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[n.jsxDEV("div",{children:e.icon&&n.jsxDEV(e.icon,{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:66,columnNumber:5},void 0),n.jsxDEV("div",{style:{display:"flex",textAlign:"center"},children:[n.jsxDEV(r.BodySecondary,{style:{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,marginLeft:8},children:[e.text,e.actionButtonText&&n.jsxDEV(r.BodySecondaryLink,{onClick:e.actionButtonClickHandler,style:{display:"inline",color:e.mode===t.CURTAIN_MODE.DARK?t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor:m.COLORS.content.brand,marginLeft:6,textDecoration:"underline"},children:e.actionButtonText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:76,columnNumber:6},void 0),e.customComponent&&n.jsxDEV(e.customComponent,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:101,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:58,columnNumber:4},void 0),n.jsxDEV(i.RightWrapper,{children:[e.tertiaryButtonText&&n.jsxDEV(n.Fragment,{children:[n.jsxDEV(l.Button,{className:"tertiary-button",buttonText:e.tertiaryButtonText,onClick:e.tertiaryButtonClickHandler,buttonType:"tertiary"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:107,columnNumber:7},void 0),n.jsxDEV(i.Separator,{mode:e.mode,type:e.type},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:106,columnNumber:6},void 0),!e.hideCrossIcon&&n.jsxDEV(c.default,{onClick:s,cursor:"pointer",height:20,width:20,color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].crossIconColor},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:104,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:50,columnNumber:3},void 0)};exports.Curtain=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),u=require("react"),o=require("./Curtain.styled.js"),t=require("./CurtainHelper.js"),i=require("../TypographyStyle.js"),l=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),d=require("../button/Button.js"),m=e=>{const[r,a]=u.useState(!1);if(r)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:41,columnNumber:10},void 0);const s=()=>{a(!0),e.onCloseHandler&&e.onCloseHandler()};return n.jsxDEV(o.CurtainStyle,{isTeritaryButton:!!e.tertiaryButtonText,position:e.position,mode:e.mode,type:e.type,strokeAtTop:e.strokeAtTop,strokeAtBottom:e.strokeAtBottom,children:[n.jsxDEV("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[n.jsxDEV("div",{children:e.icon&&n.jsxDEV(e.icon,{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:66,columnNumber:5},void 0),n.jsxDEV("div",{style:{display:"flex",textAlign:"center"},children:[n.jsxDEV(i.BodySecondary,{style:{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,marginLeft:8},children:[e.text,e.actionButtonText&&n.jsxDEV(i.BodySecondaryLink,{onClick:e.actionButtonClickHandler,style:{display:"inline",color:e.mode===t.CURTAIN_MODE.DARK?t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor:l.COLORS.content.brand,marginLeft:6,textDecoration:"underline"},children:e.actionButtonText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:76,columnNumber:6},void 0),e.customComponent&&n.jsxDEV(e.customComponent,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:101,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:58,columnNumber:4},void 0),n.jsxDEV(o.RightWrapper,{children:[e.tertiaryButtonText&&n.jsxDEV(n.Fragment,{children:[n.jsxDEV(d.Button,{className:"tertiary-button",buttonText:e.tertiaryButtonText,onClick:e.tertiaryButtonClickHandler,buttonType:"tertiary"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:107,columnNumber:7},void 0),n.jsxDEV(o.Separator,{mode:e.mode,type:e.type},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:106,columnNumber:6},void 0),!e.hideCrossIcon&&n.jsxDEV(c.default,{onClick:s,cursor:"pointer",height:20,width:20,color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].crossIconColor},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:104,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:50,columnNumber:3},void 0)};exports.Curtain=m;
 //# sourceMappingURL=Curtain.js.map

package/dist/cjs/components/curtain/Curtain.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Curtain.js","sources":["../../../../src/components/curtain/Curtain.tsx"],"sourcesContent":["import React, { ComponentType, useState } from 'react';\nimport {\n\tCurtainStyle,\n\tRightWrapper,\n\tSeparator,\n} from '@src/components/curtain/Curtain.styled';\nimport {\n\tCURTAIN_COLOR_CONFIG_MAP,\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tBodySecondary,\n\tBodySecondaryLink,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\n\nexport type CurtainProps = {\n\ttype: CURTAIN_TYPES;\n\tmode: CURTAIN_MODE;\n\ttext: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tactionButtonText?: string;\n\tactionButtonClickHandler?: () => void;\n\thideCrossIcon?: boolean;\n\tonCloseHandler?: () => void;\n\tstrokeAtTop?: boolean; // only for CURTAIN_MODE.LIGHT\n\tstrokeAtBottom?: boolean; // only for CURTAIN_MODE.LIGHT\n\tcustomComponent?: ComponentType<any>;\n\tposition?: 'sticky' \| 'absolute' \| 'fixed';\n\ttertiaryButtonText?: string;\n\ttertiaryButtonClickHandler?: () => void;\n};\n\nexport const Curtain: React.FC<CurtainProps> = (props) => {\n\tconst [hideCurtain, setHideCurtain] = useState(false);\n\n\tif (hideCurtain) {\n\t\treturn <></>;\n\t}\n\n\tconst onCloseHandler = () => {\n\t\tsetHideCurtain(true);\n\t\tprops.onCloseHandler && props.onCloseHandler();\n\t};\n\n\treturn (\n\t\t<CurtainStyle\n\t\t\tisTeritaryButton={!!props.tertiaryButtonText}\n\t\t\tposition={props.position}\n\t\t\tmode={props.mode}\n\t\t\ttype={props.type}\n\t\t\tstrokeAtTop={props.strokeAtTop}\n\t\t\tstrokeAtBottom={props.strokeAtBottom}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tflex: 1,\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{props.icon && (\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div style={{ display: 'flex', textAlign: 'center' }}>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor,\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t\t{props.actionButtonText && (\n\t\t\t\t\t\t\t<BodySecondaryLink\n\t\t\t\t\t\t\t\tonClick={props.actionButtonClickHandler}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'inline',\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tprops.mode === CURTAIN_MODE.DARK\n\t\t\t\t\t\t\t\t\t\t\t? CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type]\n\t\t\t\t\t\t\t\t\t\t\t\t\t.textColor\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.brand,\n\t\t\t\t\t\t\t\t\tmarginLeft: 6,\n\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.actionButtonText}\n\t\t\t\t\t\t\t</BodySecondaryLink>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t{props.customComponent && <props.customComponent />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<RightWrapper>\n\t\t\t\t{props.tertiaryButtonText && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"tertiary-button\"\n\t\t\t\t\t\t\tbuttonText={props.tertiaryButtonText}\n\t\t\t\t\t\t\tonClick={props.tertiaryButtonClickHandler}\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Separator mode={props.mode} type={props.type} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!props.hideCrossIcon && (\n\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\tonClick={onCloseHandler}\n\t\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tCURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].crossIconColor\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</RightWrapper>\n\t\t</CurtainStyle>\n\t);\n};\n"],"names":["Curtain","props","hideCurtain","setHideCurtain","useState","jsxDEV","Fragment","this","onCloseHandler","CurtainStyle","CURTAIN_COLOR_CONFIG_MAP","BodySecondary","BodySecondaryLink","CURTAIN_MODE","COLORS","RightWrapper","Button","Separator","CrossIcon"],"mappings":"oWAoCaA,EAAmCC,GAAU,CACzD,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAEpD,GAAIF,EACH,OAAOG,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAE,EAGV,MAAMC,EAAiB,IAAM,CAC5BL,EAAe,EAAI,EACnBF,EAAM,gBAAkBA,EAAM,eAAA,CAC/B,EAEA,OACCI,EAAAA,OAACI,EAAAA,aAAA,CACA,iBAAkB,CAAC,CAACR,EAAM,mBAC1B,SAAUA,EAAM,SAChB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,YAAaA,EAAM,YACnB,eAAgBA,EAAM,eAEtB,SAAA,CAAAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,eAAgB,SAChB,KAAM,EACN,WAAY,QAAA,EAGb,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACC,WAAM,MACNA,EAAAA,OAACJ,EAAM,KAAN,CACA,MAAOS,EAAAA,yBAAyBT,EAAM,IAAI,EAAEA,EAAM,IAAI,EAAE,UACxD,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAIA,EANF,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EACAF,SAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,UAAW,UACzC,SAAA,CAAAA,EAAAA,OAACM,EAAAA,cAAA,CACA,MAAO,CACN,MAAOD,EAAAA,yBAAyBT,EAAM,IAAI,EAAEA,EAAM,IAAI,EAAE,UACxD,WAAY,CAAA,EAGZ,SAAA,CAAAA,EAAM,KACNA,EAAM,kBACNI,EAAAA,OAACO,EAAAA,kBAAA,CACA,QAASX,EAAM,yBACf,MAAO,CACN,QAAS,SACT,MACCA,EAAM,OAASY,EAAAA,aAAa,KACzBH,EAAAA,yBAAyBT,EAAM,IAAI,EAAEA,EAAM,IAAI,EAC9C,UACDa,EAAAA,OAAO,QAAQ,MACnB,WAAY,EACZ,eAAgB,WAAA,EAGhB,SAAAb,EAAM,gBAAA,EAbR,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAcA,CAAA,EAtBF,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAyBCN,EAAM,iBAAmBI,SAACJ,EAAM,gBAAN,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,EAAA,EAAAM,MAAuB,CAAA,CAAA,EA1BlD,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2BA,CAAA,CAAA,EA5CD,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WA8CCQ,EAAAA,aAAA,CACC,SAAA,CAAAd,EAAM,oBACNI,EAAAA,OAAAC,EAAAA,SAAA,CACC,SAAA,CAAAD,EAAAA,OAACW,EAAAA,OAAA,CACA,UAAU,kBACV,WAAYf,EAAM,mBAClB,QAASA,EAAM,2BACf,WAAW,UAAA,EAJZ,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,WAMCU,EAAAA,UAAA,CAAU,KAAMhB,EAAM,KAAM,KAAMA,EAAM,MAAzC,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAA+C,CAAA,CAAA,EAPhD,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,EAEA,CAACN,EAAM,eACPI,EAAAA,OAACa,EAAAA,QAAA,CACA,QAASV,EACT,OAAO,UACP,OAAQ,GACR,MAAO,GACP,MACCE,EAAAA,yBAAyBT,EAAM,IAAI,EAAEA,EAAM,IAAI,EAAE,cAAA,EANnD,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAQA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuBA,CAAA,CAAA,EA7ED,OAAA,GAAA,CAAA,SAAA,~~wHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgFF"}
1	+ {"version":3,"file":"Curtain.js","sources":["../../../../src/components/curtain/Curtain.tsx"],"sourcesContent":["import React, { ComponentType, useState } from 'react';\nimport {\n\tCurtainStyle,\n\tRightWrapper,\n\tSeparator,\n} from '@src/components/curtain/Curtain.styled';\nimport {\n\tCURTAIN_COLOR_CONFIG_MAP,\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tBodySecondary,\n\tBodySecondaryLink,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\n\nexport type CurtainProps = {\n\ttype: CURTAIN_TYPES;\n\tmode: CURTAIN_MODE;\n\ttext: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tactionButtonText?: string;\n\tactionButtonClickHandler?: () => void;\n\thideCrossIcon?: boolean;\n\tonCloseHandler?: () => void;\n\tstrokeAtTop?: boolean; // only for CURTAIN_MODE.LIGHT\n\tstrokeAtBottom?: boolean; // only for CURTAIN_MODE.LIGHT\n\tcustomComponent?: ComponentType<any>;\n\tposition?: 'sticky' \| 'absolute' \| 'fixed';\n\ttertiaryButtonText?: string;\n\ttertiaryButtonClickHandler?: () => void;\n};\n\nexport const Curtain: React.FC<CurtainProps> = (props) => {\n\tconst [hideCurtain, setHideCurtain] = useState(false);\n\n\tif (hideCurtain) {\n\t\treturn <></>;\n\t}\n\n\tconst onCloseHandler = () => {\n\t\tsetHideCurtain(true);\n\t\tprops.onCloseHandler && props.onCloseHandler();\n\t};\n\n\treturn (\n\t\t<CurtainStyle\n\t\t\tisTeritaryButton={!!props.tertiaryButtonText}\n\t\t\tposition={props.position}\n\t\t\tmode={props.mode}\n\t\t\ttype={props.type}\n\t\t\tstrokeAtTop={props.strokeAtTop}\n\t\t\tstrokeAtBottom={props.strokeAtBottom}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tflex: 1,\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{props.icon && (\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div style={{ display: 'flex', textAlign: 'center' }}>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor,\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t\t{props.actionButtonText && (\n\t\t\t\t\t\t\t<BodySecondaryLink\n\t\t\t\t\t\t\t\tonClick={props.actionButtonClickHandler}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'inline',\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tprops.mode === CURTAIN_MODE.DARK\n\t\t\t\t\t\t\t\t\t\t\t? CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type]\n\t\t\t\t\t\t\t\t\t\t\t\t\t.textColor\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.brand,\n\t\t\t\t\t\t\t\t\tmarginLeft: 6,\n\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.actionButtonText}\n\t\t\t\t\t\t\t</BodySecondaryLink>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t{props.customComponent && <props.customComponent />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<RightWrapper>\n\t\t\t\t{props.tertiaryButtonText && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"tertiary-button\"\n\t\t\t\t\t\t\tbuttonText={props.tertiaryButtonText}\n\t\t\t\t\t\t\tonClick={props.tertiaryButtonClickHandler}\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Separator mode={props.mode} type={props.type} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!props.hideCrossIcon && (\n\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\tonClick={onCloseHandler}\n\t\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tCURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].crossIconColor\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</RightWrapper>\n\t\t</CurtainStyle>\n\t);\n};\n"],"names":["Curtain","props","hideCurtain","setHideCurtain","useState","jsxDEV","Fragment","this","onCloseHandler","CurtainStyle","CURTAIN_COLOR_CONFIG_MAP","BodySecondary","BodySecondaryLink","CURTAIN_MODE","COLORS","RightWrapper","Button","Separator","CrossIcon"],"mappings":"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"}

package/dist/cjs/components/custom-date-time/CustomDateTime.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),a=require("date-fns"),l=require("react"),D=require("./DateSelector/DateSelector.js"),v=require("../dropdown/DropdownPopover/index.js"),h=require("../TypographyStyle.js"),d=require("../../utils/DateUtils.js"),k=require("../../assets/icons/chevronDown.svg.js"),y=require("../../assets/icons/clock.svg.js"),T=require("./CustomDateTime.styled.js"),p=require("../input/Input.js"),N=e=>{const r=[];for(let i=0;i<2;i++)for(let o=0;o<12;o++){let n;o===0?n="12":n=o<10?`0${o}`:`${o}`;const m=`${n}:00 ${i===0?"AM":"PM"}`,t=`${n}:30 ${i===0?"AM":"PM"}`;r.push({label:m,value:m,selected:m===e},{label:t,value:t,selected:t===e})}return r},x=e=>{const[r,i]=l.useState(e.time),[o,n]=l.useState(e.date);l.useEffect(()=>{e.setError(void 0);const t=d.default.convert12HourTimeTo24Hour(r),b=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&t<b){e.setError("Selected time should be later than current time");return}else e.setError(void 0);const[u,c]=t.split(":"),f=new Date(o.getTime());f.setHours(+u,+c),e.onChange(f)},[o,r]);const m=t=>{if(d.default.timeFormatValidation(t)){const u=d.default.convert12HourTimeTo24Hour(t),c=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&u<c){e.setError("Selected time should be later than current time");return}e.setError(void 0),i(t)}else e.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')};return s.jsxDEV(T.CustomDateTimeStyle,{children:[s.jsxDEV("div",{style:{display:"flex",gap:16},children:[s.jsxDEV("div",{style:{flex:1},children:s.jsxDEV(D.default,{customDate:o,setCustomDate:n,placement:e.placement,minDate:e.minDate},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:97,columnNumber:5},void 0),s.jsxDEV("div",{style:{flex:1},children:s.jsxDEV(v.DropdownPopover,{options:N(r),onSelect:t=>{i(t.value)},children:s.jsxDEV(p.Input,{value:r,leftIcon:{icon:y.default},rightIcon:{icon:k.default},onChangeText:t=>m(t)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:112,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:106,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:105,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:96,columnNumber:4},void 0),e.error&&s.jsxDEV(h.BodySecondary,{style:{paddingTop:8},children:e.error},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:95,columnNumber:3},void 0)};exports.CustomDateTime=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("date-fns"),c=require("react"),b=require("./DateSelector/DateSelector.js"),y=require("../dropdown/DropdownPopover/index.js"),T=require("../TypographyStyle.js"),d=require("../../utils/DateUtils.js"),v=require("../../assets/icons/chevronDown.svg.js"),N=require("../../assets/icons/clock.svg.js"),x=require("./CustomDateTime.styled.js"),h=require("../input/Input.js"),C=e=>{const s=[];for(let r=0;r<2;r++)for(let o=0;o<12;o++){let i;o===0?i="12":i=o<10?`0${o}`:`${o}`;const m=`${i}:00 ${r===0?"AM":"PM"}`,t=`${i}:30 ${r===0?"AM":"PM"}`;s.push({label:m,value:m,selected:m===e},{label:t,value:t,selected:t===e})}return s},H=e=>{const[s,r]=c.useState(e.time),[o,i]=c.useState(e.date);c.useEffect(()=>{e.setError(void 0);const t=d.default.convert12HourTimeTo24Hour(s),f=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&t<f){e.setError("Selected time should be later than current time");return}else e.setError(void 0);const[u,l]=t.split(":"),D=new Date(o.getTime());D.setHours(+u,+l),e.onChange(D)},[o,s]);const m=t=>{if(d.default.timeFormatValidation(t)){const u=d.default.convert12HourTimeTo24Hour(t),l=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&u<l){e.setError("Selected time should be later than current time");return}e.setError(void 0),r(t)}else e.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')};return n.jsxDEV(x.CustomDateTimeStyle,{children:[n.jsxDEV("div",{style:{display:"flex",gap:16},children:[n.jsxDEV("div",{style:{flex:1},children:n.jsxDEV(b.default,{customDate:o,setCustomDate:i,placement:e.placement,minDate:e.minDate},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:97,columnNumber:5},void 0),n.jsxDEV("div",{style:{flex:1},children:n.jsxDEV(y.DropdownPopover,{options:C(s),onSelect:t=>{r(t.value)},children:n.jsxDEV(h.Input,{value:s,leftIcon:{icon:N.default},rightIcon:{icon:v.default},onChangeText:t=>m(t)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:112,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:106,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:105,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:96,columnNumber:4},void 0),e.error&&n.jsxDEV(T.BodySecondary,{style:{paddingTop:8},children:e.error},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:95,columnNumber:3},void 0)};exports.CustomDateTime=H;
 //# sourceMappingURL=CustomDateTime.js.map

package/dist/cjs/components/custom-date-time/CustomDateTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string \| undefined;\n\tsetError: (error: string \| undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","hrs","hrsStr","time1","time2","CustomDateTime","props","customTime","setCustomTime","useState","customDate","setCustomDate","useEffect","customTimeIn24HourFormat","DateUtils","currentTime","format","isToday","hours","minutes","newDate","customTimeChangeHandler","time","CustomDateTimeStyle","jsxDEV","DateSelector","this","DropdownPopover","Input","ClockIcon","CaratDown","BodySecondary"],"mappings":"gfAuBMA,EAAiBC,GAAyB,CAC/C,MAAMC,EAA6B,CAAA,EACnC,~~QAAS~~,EAAI,~~EAAG~~,EAAI,~~EAAG~~,IACtB,QAASC,EAAM,EAAGA,EAAM,GAAIA,IAAO,CAClC,IAAIC,EACAD,IAAQ,EACXC,EAAS,KAETA,EAASD,EAAM,GAAK,IAAIA,CAAG,GAAK,GAAGA,CAAG,GAEvC,MAAME,EAAQ,GAAGD,CAAM,~~OAAO~~,IAAM,EAAI,KAAO,IAAI,~~GAC7CE~~,EAAQ,GAAGF,CAAM,~~OAAO~~,IAAM,EAAI,KAAO,IAAI,~~GACnDF~~,EAAS,KAEP,CACC,~~MAAOG~~,EACP,MAAOA,EACP,SAAUA,~~IAAUJ~~,CAAA,EAErB,CACC,~~MAAOK~~,EACP,MAAOA,EACP,SAAUA,~~IAAUL~~,CAAA,CAEtB,CAEF,CAED,OAAOC,CACR,~~EAEaK~~,EAA6CC,GAAU,CACnE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAASH,EAAM,IAAI,EACjD,CAACI,EAAYC,CAAa,EAAIF,EAAAA,SAASH,EAAM,IAAI,EAEvDM,EAAAA,UAAU,IAAM,CACfN,EAAM,SAAS,MAAS,EACxB,MAAMO,EACLC,EAAAA,QAAU,0BAA0BP,CAAU,EACzCQ,EAAcC,EAAAA,OAAO,IAAI,KAAQ,UAAU,EACjD,GAAIC,UAAQP,CAAU,GAAKG,EAA2BE,EAAa,CAClET,EAAM,SAAS,iDAAiD,EAChE,MACD,MACCA,EAAM,SAAS,MAAS,EAEzB,KAAM,CAACY,EAAOC,CAAO,EAAIN,EAAyB,MAAM,GAAG,EACrDO,EAAU,IAAI,KAAKV,EAAW,SAAS,EAC7CU,EAAQ,SAAS,CAACF,EAAO,CAACC,CAAO,EACjCb,EAAM,SAASc,CAAO,CACvB,EAAG,CAACV,EAAYH,CAAU,CAAC,EAE3B,MAAMc,EAA2BC,GAAiB,CAEjD,GADgBR,EAAAA,QAAU,qBAAqBQ,CAAI,EACtC,CACZ,MAAMT,EACLC,EAAAA,QAAU,0BAA0BQ,CAAI,EAEnCP,EAAcC,EAAAA,OAAO,IAAI,KAAQ,UAAU,EACjD,GAAIC,UAAQP,CAAU,GAAKG,EAA2BE,EAAa,CAClET,EAAM,SAAS,iDAAiD,EAChE,MACD,CACAA,EAAM,SAAS,MAAS,EACxBE,EAAcc,CAAI,CACnB,MACChB,EAAM,SAAS,mDAAmD,CAEpE,EAEA,gBACEiB,sBAAA,CACA,SAAA,CAAAC,SAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,IACnC,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,GACnB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CACA,WAAAf,EACA,cAAAC,EACA,UAAWL,EAAM,UACjB,QAASA,EAAM,OAAA,EAJhB,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,WACC,MAAA,CAAI,MAAO,CAAE,KAAM,GACnB,SAAAF,EAAAA,OAACG,EAAAA,gBAAA,CACA,~~QAAS7B~~,~~EAAcS~~,CAAU,EACjC,SAAWe,GAAS,CACnBd,EAAec,EAAsB,KAAK,CAC3C,EAEA,SAAAE,EAAAA,OAACI,EAAAA,MAAA,CACA,MAAOrB,EACP,SAAU,CAAE,KAAMsB,SAAA,EAClB,UAAW,CAAE,KAAMC,SAAA,EACnB,aAAeR,GAASD,EAAwBC,CAAI,CAAA,EAJrD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAKA,EAXD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAYA,EAbD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,EACCpB,EAAM,OACNkB,EAAAA,OAACO,EAAAA,cAAA,CAAc,MAAO,CAAE,WAAY,CAAA,EAAM,SAAAzB,EAAM,KAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAoB,MAAsD,CAAA,CAAA,EA3BxD,OAAA,GAAA,CAAA,SAAA,~~wIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAEF"}
1	+ {"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string \| undefined;\n\tsetError: (error: string \| undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","i","hrs","hrsStr","time1","time2","CustomDateTime","props","customTime","setCustomTime","useState","customDate","setCustomDate","useEffect","customTimeIn24HourFormat","DateUtils","currentTime","format","isToday","hours","minutes","newDate","customTimeChangeHandler","time","CustomDateTimeStyle","jsxDEV","DateSelector","this","DropdownPopover","Input","ClockIcon","CaratDown","BodySecondary"],"mappings":"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"}

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),b=require("../../../assets/icons/calendar.svg.js"),p=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),D=require("react-popper"),f=require("../../dropdown/Common.styled.js"),k=require("../../../hooks/useOutside.js"),v=require("../../../utils/DateUtils.js"),h=require("../../dropShadow/DropShadow.js"),y=require("../../datePicker/DatePicker.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},S=N(r),x=e=>{const[a,i]=r.useState(null),[l,c]=r.useState(null),[n,o]=r.useState(!1),{styles:m,attributes:u}=D.usePopper(a,l,{placement:e.placement}),s=S.default.useRef();return k.useOutside(s,()=>{o(!1)}),t.jsxDEV(t.Fragment,{children:[t.jsxDEV("div",{className:"date-preview",ref:i,onClick:()=>{o(!n)},children:[t.jsxDEV(b.default,{width:24,height:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:40,columnNumber:5},void 0),t.jsxDEV("span",{style:{marginLeft:8},children:v.default.onlyDateFormat(e.customDate,"dd MMM yyyy")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:41,columnNumber:5},void 0),t.jsxDEV(p.default,{style:{marginLeft:"auto"},width:22,height:22},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:44,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:33,columnNumber:4},void 0),n&&t.jsxDEV(f.OpenDropdownContainer,{ref:c,style:{...m.popper,zIndex:3},...u.popper,children:t.jsxDEV("div",{ref:s,children:t.jsxDEV(h.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:t.jsxDEV(y.DatePicker,{selectedDate:e.customDate||new Date,selectRange:!1,onSelectDate:d=>{o(!1),e.setCustomDate(d)},minDate:e.minDate},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:54,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:53,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:47,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:32,columnNumber:3},void 0)};exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),D=require("../../../assets/icons/calendar.svg.js"),f=require("../../../assets/icons/chevronDown.svg.js"),o=require("react"),b=require("react-popper"),p=require("../../dropdown/Common.styled.js"),y=require("../../../hooks/useOutside.js"),N=require("../../../utils/DateUtils.js"),S=require("../../dropShadow/DropShadow.js"),x=require("../../datePicker/DatePicker.js"),w=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},v=w(o),h=e=>{const[a,l]=o.useState(null),[i,c]=o.useState(null),[r,n]=o.useState(!1),{styles:m,attributes:d}=b.usePopper(a,i,{placement:e.placement}),s=v.default.useRef();return y.useOutside(s,()=>{n(!1)}),t.jsxDEV(t.Fragment,{children:[t.jsxDEV("div",{className:"date-preview",ref:l,onClick:()=>{n(!r)},children:[t.jsxDEV(D.default,{width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:40,columnNumber:5},void 0),t.jsxDEV("span",{style:{marginLeft:8},children:N.default.onlyDateFormat(e.customDate,"dd MMM yyyy")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:41,columnNumber:5},void 0),t.jsxDEV(f.default,{style:{marginLeft:"auto"},width:22,height:22},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:44,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:33,columnNumber:4},void 0),r&&t.jsxDEV(p.OpenDropdownContainer,{ref:c,style:{...m.popper,zIndex:3},...d.popper,children:t.jsxDEV("div",{ref:s,children:t.jsxDEV(S.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:t.jsxDEV(x.DatePicker,{selectedDate:e.customDate||new Date,selectRange:!1,onSelectDate:u=>{n(!1),e.setCustomDate(u)},minDate:e.minDate},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:54,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:53,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:47,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:32,columnNumber:3},void 0)};exports.default=h;
 //# sourceMappingURL=DateSelector.js.map

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateSelector.js","sources":["../../../../../src/components/custom-date-time/DateSelector/DateSelector.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport CalendarIcon from '@src/assets/icons/calendar.svg';\nimport CaratDown from '@src/assets/icons/chevronDown.svg';\nimport React, { LegacyRef, Ref, SetStateAction, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { DatePicker } from '@src/components/datePicker';\nimport { OpenDropdownContainer } from '@src/components/dropdown/Common.styled';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\n\nconst DateSelector: React.FC<{\n\tcustomDate: Date;\n\tminDate?: Date;\n\tsetCustomDate: React.Dispatch<SetStateAction<Date>>;\n\tplacement: Placement;\n}> = (props) => {\n\tconst [referenceElement, setReferenceElement] = useState(null);\n\tconst [popperElement, setPopperElement] = useState(null);\n\tconst [isCalendarOpen, setIsCalendarOpen] = useState(false);\n\n\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\tplacement: props.placement,\n\t});\n\n\tconst ref = React.useRef<HTMLInputElement>();\n\tuseOutside(ref, () => {\n\t\tsetIsCalendarOpen(false);\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={'date-preview'}\n\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsCalendarOpen(!isCalendarOpen);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CalendarIcon width={24} height={24} />\n\t\t\t\t<span style={{ marginLeft: 8 }}>\n\t\t\t\t\t{DateUtils.onlyDateFormat(props.customDate, 'dd MMM yyyy')}\n\t\t\t\t</span>\n\t\t\t\t<CaratDown style={{ marginLeft: 'auto' }} width={22} height={22} />\n\t\t\t</div>\n\t\t\t{isCalendarOpen && (\n\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting */\n\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t>\n\t\t\t\t\t<div ref={ref as LegacyRef<HTMLDivElement>}>\n\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\tstyle={{ borderRadius: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\tselectedDate={props.customDate \|\| new Date()}\n\t\t\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\t\t\tonSelectDate={(val) => {\n\t\t\t\t\t\t\t\t\tsetIsCalendarOpen(false);\n\t\t\t\t\t\t\t\t\tprops.setCustomDate(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t</div>\n\t\t\t\t</OpenDropdownContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default DateSelector;\n"],"names":["DateSelector","props","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","isCalendarOpen","setIsCalendarOpen","styles","attributes","usePopper","ref","React","useOutside","jsxDEV","Fragment","CalendarIcon","this","DateUtils","CaratDown","OpenDropdownContainer","DropShadow","DatePicker","val"],"mappings":"kkBAWMA,EAKAC,GAAU,CACf,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,IAAI,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,IAAI,EACjD,CAACG,EAAgBC,CAAiB,EAAIJ,EAAAA,SAAS,EAAK,EAEpD,CAAE,OAAAK,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUT,EAAkBG,EAAe,CACzE,UAAWJ,EAAM,SAAA,CACjB,EAEKW,EAAMC,EAAAA,QAAM,OAAA,EAClBC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAkB,EAAK,CACxB,CAAC,EAGAO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,UAAW,eACX,IAAKZ,EACL,QAAS,IAAM,CACdK,EAAkB,CAACD,CAAc,CAClC,EAEA,SAAA,CAAAQ,SAACE,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,EACrCH,EAAAA,OAAC,OAAA,CAAK,MAAO,CAAE,WAAY,CAAA,EACzB,SAAAI,EAAAA,QAAU,eAAelB,EAAM,WAAY,aAAa,CAAA,EAD1D,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAH,EAAAA,OAACK,EAAAA,QAAA,CAAU,MAAO,CAAE,WAAY,QAAU,MAAO,GAAI,OAAQ,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAiE,CAAA,CAAA,EAXlE,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaCX,GACAQ,EAAAA,OAACM,EAAAA,sBAAA,CAEA,IAAKf,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAK,EAAAA,OAAC,OAAI,IAAAH,EACJ,SAAAG,EAAAA,OAACO,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAP,EAAAA,OAACQ,EAAAA,WAAA,CACA,aAActB,EAAM,YAAc,IAAI,KACtC,YAAa,GACb,aAAeuB,GAAQ,CACtBhB,EAAkB,EAAK,EACvBP,EAAM,cAAcuB,CAAG,CACxB,EACA,QAASvB,EAAM,OAAA,EAPhB,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAQA,EAbD,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EAtCF,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAEF"}
1	+ {"version":3,"file":"DateSelector.js","sources":["../../../../../src/components/custom-date-time/DateSelector/DateSelector.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport CalendarIcon from '@src/assets/icons/calendar.svg';\nimport CaratDown from '@src/assets/icons/chevronDown.svg';\nimport React, { LegacyRef, Ref, SetStateAction, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { DatePicker } from '@src/components/datePicker';\nimport { OpenDropdownContainer } from '@src/components/dropdown/Common.styled';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\n\nconst DateSelector: React.FC<{\n\tcustomDate: Date;\n\tminDate?: Date;\n\tsetCustomDate: React.Dispatch<SetStateAction<Date>>;\n\tplacement: Placement;\n}> = (props) => {\n\tconst [referenceElement, setReferenceElement] = useState(null);\n\tconst [popperElement, setPopperElement] = useState(null);\n\tconst [isCalendarOpen, setIsCalendarOpen] = useState(false);\n\n\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\tplacement: props.placement,\n\t});\n\n\tconst ref = React.useRef<HTMLInputElement>();\n\tuseOutside(ref, () => {\n\t\tsetIsCalendarOpen(false);\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={'date-preview'}\n\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsCalendarOpen(!isCalendarOpen);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CalendarIcon width={24} height={24} />\n\t\t\t\t<span style={{ marginLeft: 8 }}>\n\t\t\t\t\t{DateUtils.onlyDateFormat(props.customDate, 'dd MMM yyyy')}\n\t\t\t\t</span>\n\t\t\t\t<CaratDown style={{ marginLeft: 'auto' }} width={22} height={22} />\n\t\t\t</div>\n\t\t\t{isCalendarOpen && (\n\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting */\n\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t>\n\t\t\t\t\t<div ref={ref as LegacyRef<HTMLDivElement>}>\n\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\tstyle={{ borderRadius: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\tselectedDate={props.customDate \|\| new Date()}\n\t\t\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\t\t\tonSelectDate={(val) => {\n\t\t\t\t\t\t\t\t\tsetIsCalendarOpen(false);\n\t\t\t\t\t\t\t\t\tprops.setCustomDate(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t</div>\n\t\t\t\t</OpenDropdownContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default DateSelector;\n"],"names":["DateSelector","props","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","isCalendarOpen","setIsCalendarOpen","styles","attributes","usePopper","ref","React","useOutside","jsxDEV","Fragment","CalendarIcon","this","DateUtils","CaratDown","OpenDropdownContainer","DropShadow","DatePicker","val"],"mappings":"kkBAWMA,EAKAC,GAAU,CACf,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,IAAI,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,IAAI,EACjD,CAACG,EAAgBC,CAAiB,EAAIJ,EAAAA,SAAS,EAAK,EAEpD,CAAE,OAAAK,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUT,EAAkBG,EAAe,CACzE,UAAWJ,EAAM,SAAA,CACjB,EAEKW,EAAMC,EAAAA,QAAM,OAAA,EAClBC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAkB,EAAK,CACxB,CAAC,EAGAO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,UAAW,eACX,IAAKZ,EACL,QAAS,IAAM,CACdK,EAAkB,CAACD,CAAc,CAClC,EAEA,SAAA,CAAAQ,SAACE,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,EACrCH,EAAAA,OAAC,OAAA,CAAK,MAAO,CAAE,WAAY,CAAA,EACzB,SAAAI,EAAAA,QAAU,eAAelB,EAAM,WAAY,aAAa,CAAA,EAD1D,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAH,EAAAA,OAACK,EAAAA,QAAA,CAAU,MAAO,CAAE,WAAY,QAAU,MAAO,GAAI,OAAQ,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAiE,CAAA,CAAA,EAXlE,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaCX,GACAQ,EAAAA,OAACM,EAAAA,sBAAA,CAEA,IAAKf,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAK,EAAAA,OAAC,OAAI,IAAAH,EACJ,SAAAG,EAAAA,OAACO,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAP,EAAAA,OAACQ,EAAAA,WAAA,CACA,aAActB,EAAM,YAAc,IAAI,KACtC,YAAa,GACb,aAAeuB,GAAQ,CACtBhB,EAAkB,EAAK,EACvBP,EAAM,cAAcuB,CAAG,CACxB,EACA,QAASvB,EAAM,OAAA,EAPhB,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAQA,EAbD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EAtCF,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAEF"}

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),v=require("react"),h=require("../../assets/icons/cross.svg.js"),k=require("./components/FiveStar.js"),D=require("./components/Form.js"),f=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js"),w=require("../dropShadow/DropShadow.js"),N=({onClose:n,onSubmit:s,quickAnswerOptions:t,titleMap:p,feedbackMap:b,fullStarSubmitText:d,onRatingChange:u,initialText:m,fiveStar:c})=>{const[o,l]=v.useState(0);function r(i){l(i),u?.(i)}return e.jsxDEV(w.DropShadow,{level:"z2",position:"down",children:e.jsxDEV(a.Container,{children:[e.jsxDEV(a.CrossIconHolder,{onClick:n,children:e.jsxDEV(h.default,{width:24,height:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:45,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:44,columnNumber:5},void 0),o===0?e.jsxDEV(f.ZeroState,{handleStarSelection:r,initialText:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:48,columnNumber:6},void 0):o===5?e.jsxDEV(k.FiveStar,{fullStarSubmitText:d,onSubmit:s,handleStarSelection:r,subtext:c?.subText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:53,columnNumber:6},void 0):e.jsxDEV(D.Form,{titleMap:p,feedbackMap:b,stars:o,onStarChange:r,onSubmit:s,quickAnswerOptions:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:60,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:43,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:42,columnNumber:3},void 0)};exports.DashboardReviewPopUp=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),v=require("react"),w=require("../../assets/icons/cross.svg.js"),h=require("./components/FiveStar.js"),D=require("./components/Form.js"),f=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js"),N=require("../dropShadow/DropShadow.js"),x=({onClose:i,onSubmit:n,quickAnswerOptions:d,titleMap:t,feedbackMap:p,fullStarSubmitText:l,onRatingChange:u,initialText:c,fiveStar:b})=>{const[o,m]=v.useState(0);function r(s){m(s),u?.(s)}return e.jsxDEV(N.DropShadow,{level:"z2",position:"down",children:e.jsxDEV(a.Container,{children:[e.jsxDEV(a.CrossIconHolder,{onClick:i,children:e.jsxDEV(w.default,{width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:45,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:44,columnNumber:5},void 0),o===0?e.jsxDEV(f.ZeroState,{handleStarSelection:r,initialText:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:48,columnNumber:6},void 0):o===5?e.jsxDEV(h.FiveStar,{fullStarSubmitText:l,onSubmit:n,handleStarSelection:r,subtext:b?.subText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:53,columnNumber:6},void 0):e.jsxDEV(D.Form,{titleMap:t,feedbackMap:p,stars:o,onStarChange:r,onSubmit:n,quickAnswerOptions:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:60,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:43,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:42,columnNumber:3},void 0)};exports.DashboardReviewPopUp=x;
 //# sourceMappingURL=DashboardReviewPopUp.js.map

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashboardReviewPopUp.js","sources":["../../../../src/components/dashboard-review-popup/DashboardReviewPopUp.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { DropShadow } from '../dropShadow';\nimport { FiveStar } from './components/FiveStar';\nimport { Form } from './components/Form';\nimport { ZeroState } from './components/ZeroState';\nimport { Container, CrossIconHolder } from './DashboardReviewPopUp.styled';\n\nexport const DashboardReviewPopUp: React.FC<{\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tonClose: () => void;\n\tquickAnswerOptions?: string[];\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tfullStarSubmitText: string;\n\tonRatingChange?: (stars: number) => void;\n\tinitialText?: string;\n\tfiveStar?: { subText: string };\n}> = ({\n\tonClose,\n\tonSubmit,\n\tquickAnswerOptions,\n\ttitleMap,\n\tfeedbackMap,\n\tfullStarSubmitText,\n\tonRatingChange,\n\tinitialText,\n\tfiveStar,\n}) => {\n\tconst [starsSelected, setStartsSelected] = useState<number>(0);\n\n\tfunction handleStarSelection(stars: number) {\n\t\tsetStartsSelected(stars);\n\t\tonRatingChange?.(stars);\n\t}\n\n\treturn (\n\t\t<DropShadow level={'z2'} position={'down'}>\n\t\t\t<Container>\n\t\t\t\t<CrossIconHolder onClick={onClose}>\n\t\t\t\t\t<CrossIcon width={24} height={24} />\n\t\t\t\t</CrossIconHolder>\n\t\t\t\t{starsSelected === 0 ? (\n\t\t\t\t\t<ZeroState\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tinitialText={initialText}\n\t\t\t\t\t/>\n\t\t\t\t) : starsSelected === 5 ? (\n\t\t\t\t\t<FiveStar\n\t\t\t\t\t\tfullStarSubmitText={fullStarSubmitText}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tsubtext={fiveStar?.subText}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Form\n\t\t\t\t\t\ttitleMap={titleMap}\n\t\t\t\t\t\tfeedbackMap={feedbackMap}\n\t\t\t\t\t\tstars={starsSelected}\n\t\t\t\t\t\tonStarChange={handleStarSelection}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\tquickAnswerOptions={quickAnswerOptions}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t</DropShadow>\n\t);\n};\n"],"names":["DashboardReviewPopUp","onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","DropShadow","Container","jsxDEV","CrossIconHolder","CrossIcon","this","ZeroState","FiveStar","Form"],"mappings":"+XAQaA,EAcR,CAAC,CACL,QAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,SAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAeC,CAAiB,EAAIC,EAAAA,SAAiB,CAAC,EAE7D,SAASC,EAAoBC,EAAe,CAC3CH,EAAkBG,CAAK,EACvBP,IAAiBO,CAAK,CACvB,CAEA,gBACEC,EAAAA,WAAA,CAAW,MAAO,KAAM,SAAU,OAClC,kBAACC,EAAAA,UAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,gBAAA,CAAgB,QAASjB,EACzB,SAAAgB,EAAAA,OAACE,EAAAA,SAAU,MAAO,GAAI,OAAQ,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACCV,IAAkB,EAClBO,EAAAA,OAACI,EAAAA,UAAA,CACA,oBAAAR,EACA,YAAAL,CAAA,EAFD,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAIGV,IAAkB,EACrBO,EAAAA,OAACK,EAAAA,SAAA,CACA,mBAAAhB,EACA,SAAAJ,EACA,oBAAAW,EACA,QAASJ,GAAU,OAAA,EAJpB,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAOAH,EAAAA,OAACM,EAAAA,KAAA,CACA,SAAAnB,EACA,YAAAC,EACA,MAAOK,EACP,aAAcG,EACd,SAAAX,EACA,mBAAAC,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAOA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAEF"}
1	+ {"version":3,"file":"DashboardReviewPopUp.js","sources":["../../../../src/components/dashboard-review-popup/DashboardReviewPopUp.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { DropShadow } from '../dropShadow';\nimport { FiveStar } from './components/FiveStar';\nimport { Form } from './components/Form';\nimport { ZeroState } from './components/ZeroState';\nimport { Container, CrossIconHolder } from './DashboardReviewPopUp.styled';\n\nexport const DashboardReviewPopUp: React.FC<{\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tonClose: () => void;\n\tquickAnswerOptions?: string[];\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tfullStarSubmitText: string;\n\tonRatingChange?: (stars: number) => void;\n\tinitialText?: string;\n\tfiveStar?: { subText: string };\n}> = ({\n\tonClose,\n\tonSubmit,\n\tquickAnswerOptions,\n\ttitleMap,\n\tfeedbackMap,\n\tfullStarSubmitText,\n\tonRatingChange,\n\tinitialText,\n\tfiveStar,\n}) => {\n\tconst [starsSelected, setStartsSelected] = useState<number>(0);\n\n\tfunction handleStarSelection(stars: number) {\n\t\tsetStartsSelected(stars);\n\t\tonRatingChange?.(stars);\n\t}\n\n\treturn (\n\t\t<DropShadow level={'z2'} position={'down'}>\n\t\t\t<Container>\n\t\t\t\t<CrossIconHolder onClick={onClose}>\n\t\t\t\t\t<CrossIcon width={24} height={24} />\n\t\t\t\t</CrossIconHolder>\n\t\t\t\t{starsSelected === 0 ? (\n\t\t\t\t\t<ZeroState\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tinitialText={initialText}\n\t\t\t\t\t/>\n\t\t\t\t) : starsSelected === 5 ? (\n\t\t\t\t\t<FiveStar\n\t\t\t\t\t\tfullStarSubmitText={fullStarSubmitText}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tsubtext={fiveStar?.subText}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Form\n\t\t\t\t\t\ttitleMap={titleMap}\n\t\t\t\t\t\tfeedbackMap={feedbackMap}\n\t\t\t\t\t\tstars={starsSelected}\n\t\t\t\t\t\tonStarChange={handleStarSelection}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\tquickAnswerOptions={quickAnswerOptions}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t</DropShadow>\n\t);\n};\n"],"names":["DashboardReviewPopUp","onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","DropShadow","Container","jsxDEV","CrossIconHolder","CrossIcon","this","ZeroState","FiveStar","Form"],"mappings":"+XAQaA,EAcR,CAAC,CACL,QAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,SAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAeC,CAAiB,EAAIC,EAAAA,SAAiB,CAAC,EAE7D,SAASC,EAAoBC,EAAe,CAC3CH,EAAkBG,CAAK,EACvBP,IAAiBO,CAAK,CACvB,CAEA,gBACEC,EAAAA,WAAA,CAAW,MAAO,KAAM,SAAU,OAClC,kBAACC,EAAAA,UAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,gBAAA,CAAgB,QAASjB,EACzB,SAAAgB,EAAAA,OAACE,EAAAA,SAAU,MAAO,GAAI,OAAQ,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACCV,IAAkB,EAClBO,EAAAA,OAACI,EAAAA,UAAA,CACA,oBAAAR,EACA,YAAAL,CAAA,EAFD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAIGV,IAAkB,EACrBO,EAAAA,OAACK,EAAAA,SAAA,CACA,mBAAAhB,EACA,SAAAJ,EACA,oBAAAW,EACA,QAASJ,GAAU,OAAA,EAJpB,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAOAH,EAAAA,OAACM,EAAAA,KAAA,CACA,SAAAnB,EACA,YAAAC,EACA,MAAOK,EACP,aAAcG,EACd,SAAAX,EACA,mBAAAC,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAOA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAEF"}

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),o=require("./FiveStar.styled.js"),c=require("../../star-rating/StarRating.js"),l=({handleStarSelection:i,onSubmit:s,fullStarSubmitText:t,subtext:a})=>e.jsxDEV(o.Container,{children:[e.jsxDEV(r.TitleMedium,{color:n.COLORS.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:23,columnNumber:4},void 0),e.jsxDEV(c.StarRating,{starSize:32,value:5,onChange:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:29,columnNumber:4},void 0),e.jsxDEV(r.BodySecondary,{color:n.COLORS.surface.standard,style:{textAlign:"center",width:200},children:a??"Help us by leaving a review on Shopify App Store"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:30,columnNumber:4},void 0),e.jsxDEV(o.Button,{onClick:()=>s(5),children:e.jsxDEV(r.ButtonLarge,{color:n.COLORS.content.brand,children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:37,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:36,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:22,columnNumber:3},void 0);exports.FiveStar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),r=require("./FiveStar.styled.js"),d=require("../../star-rating/StarRating.js"),l=({handleStarSelection:i,onSubmit:s,fullStarSubmitText:a,subtext:t})=>e.jsxDEV(r.Container,{children:[e.jsxDEV(n.TitleMedium,{color:o.COLORS.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:23,columnNumber:4},void 0),e.jsxDEV(d.StarRating,{starSize:32,value:5,onChange:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:29,columnNumber:4},void 0),e.jsxDEV(n.BodySecondary,{color:o.COLORS.surface.standard,style:{textAlign:"center",width:200},children:t??"Help us by leaving a review on Shopify App Store"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:30,columnNumber:4},void 0),e.jsxDEV(r.Button,{onClick:()=>s(5),children:e.jsxDEV(n.ButtonLarge,{color:o.COLORS.content.brand,children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:37,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:36,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/FiveStar.tsx",lineNumber:22,columnNumber:3},void 0);exports.FiveStar=l;
 //# sourceMappingURL=FiveStar.js.map

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FiveStar.js","sources":["../../../../../src/components/dashboard-review-popup/components/FiveStar.tsx"],"sourcesContent":["import React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, Container } from './FiveStar.styled';\n\nexport const FiveStar: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tfullStarSubmitText: string;\n\tsubtext?: string;\n}> = ({ handleStarSelection, onSubmit, fullStarSubmitText, subtext }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t{\"We're glad to hear that your experience has been good!\"}\n\t\t\t</TitleMedium>\n\t\t\t<StarRating starSize={32} value={5} onChange={handleStarSelection} />\n\t\t\t<BodySecondary\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center', width: 200 }}\n\t\t\t>\n\t\t\t\t{subtext ?? 'Help us by leaving a review on Shopify App Store'}\n\t\t\t</BodySecondary>\n\t\t\t<Button onClick={() => onSubmit(5)}>\n\t\t\t\t<ButtonLarge color={COLORS.content.brand}>\n\t\t\t\t\t{fullStarSubmitText}\n\t\t\t\t</ButtonLarge>\n\t\t\t</Button>\n\t\t</Container>\n\t);\n};\n"],"names":["FiveStar","handleStarSelection","onSubmit","fullStarSubmitText","subtext","Container","jsxDEV","TitleMedium","COLORS","this","StarRating","BodySecondary","Button","ButtonLarge"],"mappings":"uRAUaA,EASR,CAAC,CAAE,oBAAAC,EAAqB,SAAAC,EAAU,mBAAAC,EAAoB,QAAAC,cAExDC,YAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,SACtB,MAAO,CAAE,UAAW,QAAA,EAEnB,SAAA,wDAAA,EAJF,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAMCC,EAAAA,WAAA,CAAW,SAAU,GAAI,MAAO,EAAG,SAAUT,GAA9C,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAmE,EACnEH,EAAAA,OAACK,EAAAA,cAAA,CACA,MAAOH,EAAAA,OAAO,QAAQ,SACtB,MAAO,CAAE,UAAW,SAAU,MAAO,GAAA,EAEpC,SAAAJ,GAAW,kDAAA,EAJb,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAMAH,SAACM,EAAAA,OAAA,CAAO,QAAS,IAAMV,EAAS,CAAC,EAChC,SAAAI,SAACO,EAAAA,YAAA,CAAY,MAAOL,EAAAA,OAAO,QAAQ,MACjC,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,~~mJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}
1	+ {"version":3,"file":"FiveStar.js","sources":["../../../../../src/components/dashboard-review-popup/components/FiveStar.tsx"],"sourcesContent":["import React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, Container } from './FiveStar.styled';\n\nexport const FiveStar: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tfullStarSubmitText: string;\n\tsubtext?: string;\n}> = ({ handleStarSelection, onSubmit, fullStarSubmitText, subtext }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t{\"We're glad to hear that your experience has been good!\"}\n\t\t\t</TitleMedium>\n\t\t\t<StarRating starSize={32} value={5} onChange={handleStarSelection} />\n\t\t\t<BodySecondary\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center', width: 200 }}\n\t\t\t>\n\t\t\t\t{subtext ?? 'Help us by leaving a review on Shopify App Store'}\n\t\t\t</BodySecondary>\n\t\t\t<Button onClick={() => onSubmit(5)}>\n\t\t\t\t<ButtonLarge color={COLORS.content.brand}>\n\t\t\t\t\t{fullStarSubmitText}\n\t\t\t\t</ButtonLarge>\n\t\t\t</Button>\n\t\t</Container>\n\t);\n};\n"],"names":["FiveStar","handleStarSelection","onSubmit","fullStarSubmitText","subtext","Container","jsxDEV","TitleMedium","COLORS","this","StarRating","BodySecondary","Button","ButtonLarge"],"mappings":"uRAUaA,EASR,CAAC,CAAE,oBAAAC,EAAqB,SAAAC,EAAU,mBAAAC,EAAoB,QAAAC,cAExDC,YAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,SACtB,MAAO,CAAE,UAAW,QAAA,EAEnB,SAAA,wDAAA,EAJF,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAMCC,EAAAA,WAAA,CAAW,SAAU,GAAI,MAAO,EAAG,SAAUT,GAA9C,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAmE,EACnEH,EAAAA,OAACK,EAAAA,cAAA,CACA,MAAOH,EAAAA,OAAO,QAAQ,SACtB,MAAO,CAAE,UAAW,SAAU,MAAO,GAAA,EAEpC,SAAAJ,GAAW,kDAAA,EAJb,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAMAH,SAACM,EAAAA,OAAA,CAAO,QAAS,IAAMV,EAAS,CAAC,EAChC,SAAAI,SAACO,EAAAA,YAAA,CAAY,MAAOL,EAAAA,OAAO,QAAQ,MACjC,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}

package/dist/cjs/components/dashboard-review-popup/components/Form.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),n=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),o=require("./Form.styled.js"),w=require("../../star-rating/StarRating.js"),F={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},j={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},S=({stars:s,titleMap:d,feedbackMap:b,onStarChange:v,onSubmit:k,quickAnswerOptions:m})=>{const h=d??F,f=b??j,[c,p]=u.useState([]),l=u.useRef(null),y=h[s],N=f[s];function x(){k(s,c,l.current?.value??"")}return e.jsxDEV(o.Container,{children:[e.jsxDEV(o.StarWrapper,{children:[e.jsxDEV(n.TitleRegular,{color:r.COLORS.surface.standard,children:y},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:64,columnNumber:5},void 0),e.jsxDEV(w.StarRating,{starSize:24,value:s,onChange:v},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:65,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:63,columnNumber:4},void 0),m&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsxDEV(n.TitleRegular,{color:r.COLORS.surface.standard,children:N},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(o.Wrapper,{children:m?.map((i,D)=>{const a=c.includes(i);return e.jsxDEV(o.Chip,{selected:a,onClick:()=>{p(a?t=>t.filter(W=>W!==i):t=>[...t,i])},children:e.jsxDEV(n.BodySecondary,{color:a?r.COLORS.background.inverse:r.COLORS.surface.standard,children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:89,columnNumber:10},void 0)},D,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:76,columnNumber:9},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsxDEV(n.TitleRegular,{color:r.COLORS.surface.standard,children:"Add detailed feedback"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:112,columnNumber:5},void 0),e.jsxDEV(o.TextArea,{placeholder:"We read every response!",ref:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:115,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:104,columnNumber:4},void 0),e.jsxDEV("div",{style:{width:"100%"},children:e.jsxDEV(o.Button,{onClick:x,children:e.jsxDEV(n.ButtonLarge,{color:r.COLORS.content.primaryInverse,children:"Submit"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:119,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:118,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:117,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:62,columnNumber:3},void 0)};exports.Form=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),r=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),n=require("./Form.styled.js"),F=require("../../star-rating/StarRating.js"),j={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},S={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},U=({stars:s,titleMap:p,feedbackMap:b,onStarChange:f,onSubmit:v,quickAnswerOptions:l})=>{const y=p??j,N=b??S,[c,m]=u.useState([]),t=u.useRef(null),h=y[s],x=N[s];function w(){v(s,c,t.current?.value??"")}return e.jsxDEV(n.Container,{children:[e.jsxDEV(n.StarWrapper,{children:[e.jsxDEV(r.TitleRegular,{color:o.COLORS.surface.standard,children:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:64,columnNumber:5},void 0),e.jsxDEV(F.StarRating,{starSize:24,value:s,onChange:f},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:65,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:63,columnNumber:4},void 0),l&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsxDEV(r.TitleRegular,{color:o.COLORS.surface.standard,children:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(n.Wrapper,{children:l?.map((a,D)=>{const i=c.includes(a);return e.jsxDEV(n.Chip,{selected:i,onClick:()=>{m(i?d=>d.filter(k=>k!==a):d=>[...d,a])},children:e.jsxDEV(r.BodySecondary,{color:i?o.COLORS.background.inverse:o.COLORS.surface.standard,children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:89,columnNumber:10},void 0)},D,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:76,columnNumber:9},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsxDEV(r.TitleRegular,{color:o.COLORS.surface.standard,children:"Add detailed feedback"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:112,columnNumber:5},void 0),e.jsxDEV(n.TextArea,{placeholder:"We read every response!",ref:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:115,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:104,columnNumber:4},void 0),e.jsxDEV("div",{style:{width:"100%"},children:e.jsxDEV(n.Button,{onClick:w,children:e.jsxDEV(r.ButtonLarge,{color:o.COLORS.content.primaryInverse,children:"Submit"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:119,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:118,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:117,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/Form.tsx",lineNumber:62,columnNumber:3},void 0)};exports.Form=U;
 //# sourceMappingURL=Form.js.map

package/dist/cjs/components/dashboard-review-popup/components/Form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Form.js","sources":["../../../../../src/components/dashboard-review-popup/components/Form.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButton,\n\tChip,\n\tContainer,\n\tStarWrapper,\n\tTextArea,\n\tWrapper,\n} from './Form.styled';\n\nconst defaultTitleMap = {\n\t1: 'Your feedback helps us improve',\n\t2: 'Your feedback helps us improve',\n\t3: 'Your feedback helps us improve',\n\t4: 'Your feedback helps us improve',\n\t5: 'Your feedback helps us improve',\n};\n\nconst defaultFeedbackMap = {\n\t1: 'Where can we improve?',\n\t2: 'Where can we improve?',\n\t3: 'Where can we improve?',\n\t4: 'Where can we improve?',\n\t5: 'Where can we improve?',\n};\n\nexport const Form: React.FC<{\n\tstars: number;\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tonStarChange: (stars: number) => void;\n\tquickAnswerOptions?: string[];\n\tonSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;\n}> = ({\n\tstars,\n\ttitleMap,\n\tfeedbackMap,\n\tonStarChange,\n\tonSubmit,\n\tquickAnswerOptions,\n}) => {\n\tconst titleMapToUse = titleMap ?? defaultTitleMap;\n\tconst feedbackMapToUse = feedbackMap ?? defaultFeedbackMap;\n\tconst [quickFeedback, setQuickFeedback] = useState<string[]>([]);\n\tconst textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n\tconst title = titleMapToUse[stars];\n\tconst feedBackText = feedbackMapToUse[stars];\n\n\tfunction handleSubmit() {\n\t\tonSubmit(stars, quickFeedback, textAreaRef.current?.value ?? '');\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t<StarWrapper>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>{title}</TitleRegular>\n\t\t\t\t<StarRating starSize={24} value={stars} onChange={onStarChange} />\n\t\t\t</StarWrapper>\n\t\t\t{quickAnswerOptions && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\t\t{feedBackText}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Wrapper>\n\t\t\t\t\t\t{quickAnswerOptions?.map((chip, idx) => {\n\t\t\t\t\t\t\tconst selected = quickFeedback.includes(chip);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\tselected={selected}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (selected) {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) =>\n\t\t\t\t\t\t\t\t\t\t\t\tprev.filter((text) => text !== chip),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) => [...prev, chip]);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\tselected\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverse\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.surface.standard\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{chip}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Wrapper>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 8,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\tAdd detailed feedback\n\t\t\t\t</TitleRegular>\n\t\t\t\t<TextArea placeholder=\"We read every response!\" ref={textAreaRef} />\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t<Button onClick={handleSubmit}>\n\t\t\t\t\t<ButtonLarge color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t</ButtonLarge>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["defaultTitleMap","defaultFeedbackMap","Form","stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","handleSubmit","Container","jsxDEV","StarWrapper","TitleRegular","COLORS","this","StarRating","Wrapper","chip","idx","selected","Chip","prev","text","BodySecondary","TextArea","Button","ButtonLarge"],"mappings":"sSAiBMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,gCACJ,EAEMC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,uBACJ,EAEaC,EAOR,CAAC,CACL,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,mBAAAC,CACD,IAAM,CACL,MAAMC,EAAgBL,GAAYJ,EAC5BU,EAAmBL,GAAeJ,EAClC,CAACU,EAAeC,CAAgB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACzDC,EAAcC,EAAAA,OAA4B,IAAI,EAE9CC,EAAQP,EAAcN,CAAK,EAC3Bc,EAAeP,EAAiBP,CAAK,EAE3C,SAASe,GAAe,CACvBX,EAASJ,EAAOQ,EAAeG,EAAY,SAAS,OAAS,EAAE,CAChE,CAEA,gBACEK,YAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,YAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAAW,SAAAP,GAA/C,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAqD,WACpDC,EAAAA,WAAA,CAAW,SAAU,GAAI,MAAOtB,EAAO,SAAUG,GAAlD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAgE,CAAA,CAAA,EAFjE,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,EACChB,GACAY,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,IAAK,CAAA,EAC5D,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAClC,SAAAN,GADF,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,WACCE,EAAAA,QAAA,CACC,SAAAlB,GAAoB,IAAI,CAACmB,EAAMC,IAAQ,CACvC,MAAMC,EAAWlB,EAAc,SAASgB,CAAI,EAC5C,OACCP,EAAAA,OAACU,EAAAA,KAAA,CAEA,SAAAD,EACA,QAAS,IAAM,CAEbjB,EADGiB,EACeE,GACjBA,EAAK,OAAQC,GAASA,IAASL,CAAI,EAGlBI,GAAS,CAAC,GAAGA,EAAMJ,CAAI,CAHL,CAKtC,EAEA,SAAAP,EAAAA,OAACa,EAAAA,cAAA,CACA,MACCJ,EACGN,SAAO,WAAW,QAClBA,EAAAA,OAAO,QAAQ,SAGlB,SAAAI,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAH,MAAA,CAQA,EApBKI,EADN,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAwBF,CAAC,CAAA,EA5BF,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAAA,CAAA,EAjCD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,EAEDJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAK,EACL,MAAO,MAAA,EAGR,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAAU,SAAA,yBAA9C,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,EACAJ,SAACc,EAAAA,SAAA,CAAS,YAAY,0BAA0B,IAAKpB,CAAA,EAArD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAU,MAAkE,CAAA,CAAA,EAXnE,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,WAaC,MAAA,CAAI,MAAO,CAAE,MAAO,QACpB,SAAAJ,EAAAA,OAACe,EAAAA,OAAA,CAAO,QAASjB,EAChB,SAAAE,SAACgB,EAAAA,YAAA,CAAY,MAAOb,EAAAA,OAAO,QAAQ,eAAgB,SAAA,UAAnD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,EALD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,CAAA,EA7DD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8DA,CAEF"}
1	+ {"version":3,"file":"Form.js","sources":["../../../../../src/components/dashboard-review-popup/components/Form.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButton,\n\tChip,\n\tContainer,\n\tStarWrapper,\n\tTextArea,\n\tWrapper,\n} from './Form.styled';\n\nconst defaultTitleMap = {\n\t1: 'Your feedback helps us improve',\n\t2: 'Your feedback helps us improve',\n\t3: 'Your feedback helps us improve',\n\t4: 'Your feedback helps us improve',\n\t5: 'Your feedback helps us improve',\n};\n\nconst defaultFeedbackMap = {\n\t1: 'Where can we improve?',\n\t2: 'Where can we improve?',\n\t3: 'Where can we improve?',\n\t4: 'Where can we improve?',\n\t5: 'Where can we improve?',\n};\n\nexport const Form: React.FC<{\n\tstars: number;\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tonStarChange: (stars: number) => void;\n\tquickAnswerOptions?: string[];\n\tonSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;\n}> = ({\n\tstars,\n\ttitleMap,\n\tfeedbackMap,\n\tonStarChange,\n\tonSubmit,\n\tquickAnswerOptions,\n}) => {\n\tconst titleMapToUse = titleMap ?? defaultTitleMap;\n\tconst feedbackMapToUse = feedbackMap ?? defaultFeedbackMap;\n\tconst [quickFeedback, setQuickFeedback] = useState<string[]>([]);\n\tconst textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n\tconst title = titleMapToUse[stars];\n\tconst feedBackText = feedbackMapToUse[stars];\n\n\tfunction handleSubmit() {\n\t\tonSubmit(stars, quickFeedback, textAreaRef.current?.value ?? '');\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t<StarWrapper>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>{title}</TitleRegular>\n\t\t\t\t<StarRating starSize={24} value={stars} onChange={onStarChange} />\n\t\t\t</StarWrapper>\n\t\t\t{quickAnswerOptions && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\t\t{feedBackText}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Wrapper>\n\t\t\t\t\t\t{quickAnswerOptions?.map((chip, idx) => {\n\t\t\t\t\t\t\tconst selected = quickFeedback.includes(chip);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\tselected={selected}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (selected) {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) =>\n\t\t\t\t\t\t\t\t\t\t\t\tprev.filter((text) => text !== chip),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) => [...prev, chip]);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\tselected\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverse\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.surface.standard\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{chip}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Wrapper>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 8,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\tAdd detailed feedback\n\t\t\t\t</TitleRegular>\n\t\t\t\t<TextArea placeholder=\"We read every response!\" ref={textAreaRef} />\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t<Button onClick={handleSubmit}>\n\t\t\t\t\t<ButtonLarge color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t</ButtonLarge>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["defaultTitleMap","defaultFeedbackMap","Form","stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","handleSubmit","Container","jsxDEV","StarWrapper","TitleRegular","COLORS","this","StarRating","Wrapper","chip","idx","selected","Chip","prev","text","BodySecondary","TextArea","Button","ButtonLarge"],"mappings":"sSAiBMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,gCACJ,EAEMC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,uBACJ,EAEaC,EAOR,CAAC,CACL,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,mBAAAC,CACD,IAAM,CACL,MAAMC,EAAgBL,GAAYJ,EAC5BU,EAAmBL,GAAeJ,EAClC,CAACU,EAAeC,CAAgB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACzDC,EAAcC,EAAAA,OAA4B,IAAI,EAE9CC,EAAQP,EAAcN,CAAK,EAC3Bc,EAAeP,EAAiBP,CAAK,EAE3C,SAASe,GAAe,CACvBX,EAASJ,EAAOQ,EAAeG,EAAY,SAAS,OAAS,EAAE,CAChE,CAEA,gBACEK,YAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,YAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAAW,SAAAP,GAA/C,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAqD,WACpDC,EAAAA,WAAA,CAAW,SAAU,GAAI,MAAOtB,EAAO,SAAUG,GAAlD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAgE,CAAA,CAAA,EAFjE,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,EACChB,GACAY,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,IAAK,CAAA,EAC5D,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAClC,SAAAN,GADF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,WACCE,EAAAA,QAAA,CACC,SAAAlB,GAAoB,IAAI,CAACmB,EAAMC,IAAQ,CACvC,MAAMC,EAAWlB,EAAc,SAASgB,CAAI,EAC5C,OACCP,EAAAA,OAACU,EAAAA,KAAA,CAEA,SAAAD,EACA,QAAS,IAAM,CAEbjB,EADGiB,EACeE,GACjBA,EAAK,OAAQC,GAASA,IAASL,CAAI,EAGlBI,GAAS,CAAC,GAAGA,EAAMJ,CAAI,CAHL,CAKtC,EAEA,SAAAP,EAAAA,OAACa,EAAAA,cAAA,CACA,MACCJ,EACGN,SAAO,WAAW,QAClBA,EAAAA,OAAO,QAAQ,SAGlB,SAAAI,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAH,MAAA,CAQA,EApBKI,EADN,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAwBF,CAAC,CAAA,EA5BF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAAA,CAAA,EAjCD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,EAEDJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAK,EACL,MAAO,MAAA,EAGR,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAa,MAAOC,SAAO,QAAQ,SAAU,SAAA,yBAA9C,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,EACAJ,SAACc,EAAAA,SAAA,CAAS,YAAY,0BAA0B,IAAKpB,CAAA,EAArD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAU,MAAkE,CAAA,CAAA,EAXnE,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,WAaC,MAAA,CAAI,MAAO,CAAE,MAAO,QACpB,SAAAJ,EAAAA,OAACe,EAAAA,OAAA,CAAO,QAASjB,EAChB,SAAAE,SAACgB,EAAAA,YAAA,CAAY,MAAOb,EAAAA,OAAO,QAAQ,eAAgB,SAAA,UAAnD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,CAAA,EA7DD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8DA,CAEF"}

package/dist/cjs/components/dashboard-review-popup/components/ZeroState.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),t=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),s=require("../../star-rating/StarRating.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=a(t),c=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),i=require("../../star-rating/StarRating.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=a(r),l=d.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,u=({handleStarSelection:e,initialText:r})=>o.jsxDEV(c,{children:[o.jsxDEV(n.TitleMedium,{color:i.COLORS.surface.standard,children:r??"Rate your experience with us"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:19,columnNumber:4},void 0),o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:o.jsxDEV(s.StarRating,{starSize:32,onChange:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:29,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:22,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:18,columnNumber:3},void 0);exports.ZeroState=u;
+`,c=({handleStarSelection:e,initialText:n})=>o.jsxDEV(l,{children:[o.jsxDEV(t.TitleMedium,{color:s.COLORS.surface.standard,children:n??"Rate your experience with us"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:19,columnNumber:4},void 0),o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:o.jsxDEV(i.StarRating,{starSize:32,onChange:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:29,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:22,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/components/ZeroState.tsx",lineNumber:18,columnNumber:3},void 0);exports.ZeroState=c;
 //# sourceMappingURL=ZeroState.js.map

package/dist/cjs/components/dashboard-review-popup/components/ZeroState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/dashboard-review-popup/components/ZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { StarRating } from '@src/components/star-rating';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n`;\n\nexport const ZeroState: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tinitialText?: string;\n}> = ({ handleStarSelection, initialText }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium color={COLORS.surface.standard}>\n\t\t\t\t{initialText ?? 'Rate your experience with us'}\n\t\t\t</TitleMedium>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<StarRating starSize={32} onChange={handleStarSelection} />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","ZeroState","handleStarSelection","initialText","jsxDEV","TitleMedium","COLORS","this","StarRating"],"mappings":"mVAMMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMZC,EAGR,CAAC,CAAE,oBAAAC,EAAqB,YAAAC,cAE1BJ,EAAA,CACA,SAAA,CAAAK,EAAAA,OAACC,EAAAA,aAAY,MAAOC,EAAAA,OAAO,QAAQ,SACjC,YAAe,gCADjB,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAEA,EACAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,QAAA,EAGjB,SAAAA,EAAAA,OAACI,EAAAA,WAAA,CAAW,SAAU,GAAI,SAAUN,CAAA,EAApC,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAyD,CAAA,EAP1D,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAQA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA"}
1	+ {"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/dashboard-review-popup/components/ZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { StarRating } from '@src/components/star-rating';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n`;\n\nexport const ZeroState: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tinitialText?: string;\n}> = ({ handleStarSelection, initialText }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium color={COLORS.surface.standard}>\n\t\t\t\t{initialText ?? 'Rate your experience with us'}\n\t\t\t</TitleMedium>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<StarRating starSize={32} onChange={handleStarSelection} />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","ZeroState","handleStarSelection","initialText","jsxDEV","TitleMedium","COLORS","this","StarRating"],"mappings":"mVAMMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMZC,EAGR,CAAC,CAAE,oBAAAC,EAAqB,YAAAC,cAE1BJ,EAAA,CACA,SAAA,CAAAK,EAAAA,OAACC,EAAAA,aAAY,MAAOC,EAAAA,OAAO,QAAQ,SACjC,YAAe,gCADjB,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAEA,EACAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,QAAA,EAGjB,SAAAA,EAAAA,OAACI,EAAAA,WAAA,CAAW,SAAU,GAAI,SAAUN,CAAA,EAApC,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAyD,CAAA,EAP1D,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAQA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA"}