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

package/dist/cjs/components/text-picker/TextPickerModal.js

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),G=require("../../assets/icons/arrow_left.svg.js"),k=require("react"),J=require("styled-components"),s=require("../../constants/Theme.js"),K=require("../TypographyStyle.js"),Q=require("./TextPickerCategoryCard.js"),W=require("./TextPickerFooter.js"),X=require("./TextPickerItemRow.js"),Y=require("./TextPickerSelectAllRow.js"),Z=require("../modals/styledModal.js"),T=require("../input/Input.js"),ee=require("../icon-button/IconButton.js"),te=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},u=te(J),ne=u.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),G=require("../../assets/icons/arrow_left.svg.js"),b=require("react"),J=require("styled-components"),l=require("../../constants/Theme.js"),K=require("../TypographyStyle.js"),Q=require("./TextPickerCategoryCard.js"),W=require("./TextPickerFooter.js"),X=require("./TextPickerItemRow.js"),Y=require("./TextPickerSelectAllRow.js"),Z=require("../modals/styledModal.js"),P=require("../input/Input.js"),ee=require("../icon-button/IconButton.js"),ne=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},m=ne(J),oe=m.default.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,S=u.default.div`
+`,w=m.default.div`
 	padding: 12px 24px;
-	border-bottom: 1px solid ${s.COLORS.stroke.primary};
-`,v=u.default.div`
+	border-bottom: 1px solid ${l.COLORS.stroke.primary};
+`,S=m.default.div`
 	flex: 1;
 	overflow-y: auto;
 	min-height: 0;
-`,re=u.default.div`
+`,te=m.default.div`
 	display: flex;
 	align-items: center;
 	padding: 0 24px;
-	background: ${s.COLORS.surface.subdued};
-	border-bottom: 1px solid ${s.COLORS.stroke.primary};
-`,M=u.default.div`
+	background: ${l.COLORS.surface.subdued};
+	border-bottom: 1px solid ${l.COLORS.stroke.primary};
+`,v=m.default.div`
 	flex: 1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	color: ${s.COLORS.content.secondary};
+	color: ${l.COLORS.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,oe=r=>{const{visible:D,categories:E,selectedItems:U,onAdd:b,onClose:V,title:I="Select Text",subtitle:O,width:w="640px",zIndex:B}=r,l=r.maxDocuments??1/0,[L,y]=k.useState("categories"),[m,x]=k.useState(""),[i,p]=k.useState(U),[n,N]=k.useState(null),g=E.filter(e=>e.name.toLowerCase().includes(m.toLowerCase())),a=n?n.items.filter(e=>e.name.toLowerCase().includes(m.toLowerCase())):[],d=Object.values(i).reduce((e,o)=>e+o.length,0),R=O||"",C=e=>e.items.length>0&&i[e.id]?.length===e.items.length,q=e=>!!i[e.id]?.length&&i[e.id].length<e.items.length,P=()=>!!n&&a.length>0&&i[n.id]?.length===a.length,A=()=>!!n&&!!i[n.id]?.length&&i[n.id].length<a.length,F=(e,o,c)=>{c&&c.stopPropagation(),p(h=>({...h,[e.id]:o?e.items.map(f=>f.id):[]}))},$=e=>{N(e),y("items"),x("")},j=(e,o)=>{n&&p(c=>{const h=c[n.id]||[];return o&&d>=l?c:{...c,[n.id]:o?[...h,e]:h.filter(f=>f!==e)}})},_=e=>{n&&p(o=>e?{...o,[n.id]:a.map(c=>c.id)}:{...o,[n.id]:[]})},H=()=>{y("categories"),N(null),x("")},z=()=>t.jsxDEV(W.TextPickerFooter,{totalSelected:d,maxDocuments:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:178,columnNumber:3},void 0);return t.jsxDEV(Z.StyledModal,{open:D,onClose:V,headingTitle:I,headingSubtitle:R,centralContainerStyles:{width:w,zIndex:B},hideCrossButton:!1,primaryButton:r.primaryButton?{...r.primaryButton,buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:(r.primaryButton.disabled??!1)||d===0||l!==1/0&&d>=l,onClick:r.primaryButton.onClick||(()=>b(i))}:{buttonText:"Add",disabled:d===0||l!==1/0&&d>=l,onClick:()=>b(i)},footerLeftCustomElement:z(),footerContainerStyle:{borderTop:`1px solid ${s.COLORS.stroke.primary}`,background:s.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:t.jsxDEV(ne,{children:L==="categories"?t.jsxDEV(t.Fragment,{children:[t.jsxDEV(S,{children:t.jsxDEV(T.Input,{placeholder:"Search ...",value:m,onChangeText:x,height:"40px"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:232,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:231,columnNumber:7},void 0),t.jsxDEV(v,{children:g.length===0?t.jsxDEV(M,{children:"No categories found. Try a different search."},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:241,columnNumber:9},void 0):g.map(e=>t.jsxDEV(Q.TextPickerCategoryCard,{id:e.id,name:e.name,itemsCount:e.items.length,selectedCount:i[e.id]?.length||0,isChecked:C(e),isPartiallyChecked:q(e)&&!C(e),onCheck:(o,c)=>F(e,o,c),onClick:()=>$(e)},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:246,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:239,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:230,columnNumber:6},void 0):t.jsxDEV(t.Fragment,{children:[t.jsxDEV(re,{children:[t.jsxDEV(ee.IconButton,{Icon:G.default,height:16,width:16,onClick:H,style:{marginRight:8},"aria-label":"Back"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:268,columnNumber:8},void 0),t.jsxDEV(K.BodyCaption,{style:{color:s.COLORS.content.secondary},children:n?.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:276,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:267,columnNumber:7},void 0),t.jsxDEV(S,{children:t.jsxDEV(T.Input,{placeholder:"Search ...",value:m,onChangeText:x,height:"40px"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:281,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:280,columnNumber:7},void 0),t.jsxDEV(v,{children:a.length===0?t.jsxDEV(M,{children:"No items found. Try a different search."},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:290,columnNumber:9},void 0):t.jsxDEV(t.Fragment,{children:[t.jsxDEV(Y.TextPickerSelectAllRow,{isChecked:P(),isPartiallyChecked:A()&&!P(),onCheck:_},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:293,columnNumber:10},void 0),a.map(e=>t.jsxDEV(X.TextPickerItemRow,{item:e,selected:i[n.id]?.includes(e.id)||!1,onCheck:o=>j(e.id,o),onClick:()=>j(e.id,!i[n.id]?.includes(e.id))},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:301,columnNumber:11},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:292,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:288,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:266,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:228,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:185,columnNumber:3},void 0)};exports.TextPickerModal=oe;
+`,ie=t=>{const{visible:M,categories:j,selectedItems:E,onAdd:y,onClose:U,title:V="Select Text",subtitle:I,width:O="640px",zIndex:B}=t,a=t.maxDocuments??1/0,[L,h]=b.useState("categories"),[u,x]=b.useState(""),[r,k]=b.useState(E),[o,N]=b.useState(null),g=j.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())),d=o?o.items.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())):[],c=Object.values(r).reduce((e,i)=>e+i.length,0),R=I||"",C=e=>e.items.length>0&&r[e.id]?.length===e.items.length,q=e=>!!r[e.id]?.length&&r[e.id].length<e.items.length,D=()=>!!o&&d.length>0&&r[o.id]?.length===d.length,A=()=>!!o&&!!r[o.id]?.length&&r[o.id].length<d.length,F=(e,i,s)=>{s&&s.stopPropagation(),k(f=>({...f,[e.id]:i?e.items.map(p=>p.id):[]}))},$=e=>{N(e),h("items"),x("")},T=(e,i)=>{o&&k(s=>{const f=s[o.id]||[];return i&&c>=a?s:{...s,[o.id]:i?[...f,e]:f.filter(p=>p!==e)}})},_=e=>{o&&k(i=>e?{...i,[o.id]:d.map(s=>s.id)}:{...i,[o.id]:[]})},H=()=>{h("categories"),N(null),x("")},z=()=>n.jsxDEV(W.TextPickerFooter,{totalSelected:c,maxDocuments:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:178,columnNumber:3},void 0);return n.jsxDEV(Z.StyledModal,{open:M,onClose:U,headingTitle:V,headingSubtitle:R,centralContainerStyles:{width:O,zIndex:B},hideCrossButton:!1,primaryButton:t.primaryButton?{...t.primaryButton,buttonText:t.primaryButton.isLoading?"Loading...":t.primaryButton.buttonText||"Add",disabled:(t.primaryButton.disabled??!1)||c===0||a!==1/0&&c>=a,onClick:t.primaryButton.onClick||(()=>y(r))}:{buttonText:"Add",disabled:c===0||a!==1/0&&c>=a,onClick:()=>y(r)},footerLeftCustomElement:z(),footerContainerStyle:{borderTop:`1px solid ${l.COLORS.stroke.primary}`,background:l.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:n.jsxDEV(oe,{children:L==="categories"?n.jsxDEV(n.Fragment,{children:[n.jsxDEV(w,{children:n.jsxDEV(P.Input,{placeholder:"Search ...",value:u,onChangeText:x,height:"40px"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:232,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:231,columnNumber:7},void 0),n.jsxDEV(S,{children:g.length===0?n.jsxDEV(v,{children:"No categories found. Try a different search."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:241,columnNumber:9},void 0):g.map(e=>n.jsxDEV(Q.TextPickerCategoryCard,{id:e.id,name:e.name,itemsCount:e.items.length,selectedCount:r[e.id]?.length||0,isChecked:C(e),isPartiallyChecked:q(e)&&!C(e),onCheck:(i,s)=>F(e,i,s),onClick:()=>$(e)},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:246,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:239,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:230,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{children:[n.jsxDEV(te,{children:[n.jsxDEV(ee.IconButton,{Icon:G.default,height:16,width:16,onClick:H,style:{marginRight:8},"aria-label":"Back"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:268,columnNumber:8},void 0),n.jsxDEV(K.BodyCaption,{style:{color:l.COLORS.content.secondary},children:o?.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:276,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:267,columnNumber:7},void 0),n.jsxDEV(w,{children:n.jsxDEV(P.Input,{placeholder:"Search ...",value:u,onChangeText:x,height:"40px"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:281,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:280,columnNumber:7},void 0),n.jsxDEV(S,{children:d.length===0?n.jsxDEV(v,{children:"No items found. Try a different search."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:290,columnNumber:9},void 0):n.jsxDEV(n.Fragment,{children:[n.jsxDEV(Y.TextPickerSelectAllRow,{isChecked:D(),isPartiallyChecked:A()&&!D(),onCheck:_},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:293,columnNumber:10},void 0),d.map(e=>n.jsxDEV(X.TextPickerItemRow,{item:e,selected:r[o.id]?.includes(e.id)||!1,onCheck:i=>T(e.id,i),onClick:()=>T(e.id,!r[o.id]?.includes(e.id))},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:301,columnNumber:11},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:292,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:288,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:266,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:228,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerModal.tsx",lineNumber:185,columnNumber:3},void 0)};exports.TextPickerModal=ie;
 //# sourceMappingURL=TextPickerModal.js.map

package/dist/cjs/components/text-picker/TextPickerModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' | 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory | null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t  )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle || '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] || [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText || 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) ||\n\t\t\t\t\t\t\t\ttotalSelected === 0 ||\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick || (() => onAdd(selected)),\n\t\t\t\t\t  }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 ||\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t  }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length || 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\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)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\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<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) || false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\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)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","ModalHeader","COLORS","ModalScrollable","ItemsHeader","EmptyState","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","cat","filteredItems","item","totalSelected","acc","arr","subtitleString","isCategoryChecked","isCategoryPartiallyChecked","isAllItemsChecked","isSomeItemsChecked","handleCategoryCheck","checked","e","prev","handleCategoryClick","handleItemCheck","itemId","i","handleAllItemsCheck","handleBack","renderFooter","jsxDEV","TextPickerFooter","this","StyledModal","Fragment","Input","TextPickerCategoryCard","IconButton","ArrowLeftIcon","BodyCaption","TextPickerSelectAllRow","TextPickerItemRow"],"mappings":"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"}
+{"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' | 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory | null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t  )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle || '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] || [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText || 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) ||\n\t\t\t\t\t\t\t\ttotalSelected === 0 ||\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick || (() => onAdd(selected)),\n\t\t\t\t\t  }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 ||\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t  }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length || 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\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)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\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<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) || false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\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)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","ModalHeader","COLORS","ModalScrollable","ItemsHeader","EmptyState","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","cat","filteredItems","item","totalSelected","acc","arr","subtitleString","isCategoryChecked","isCategoryPartiallyChecked","isAllItemsChecked","isSomeItemsChecked","handleCategoryCheck","checked","e","prev","handleCategoryClick","handleItemCheck","itemId","i","handleAllItemsCheck","handleBack","renderFooter","jsxDEV","TextPickerFooter","this","StyledModal","Fragment","Input","TextPickerCategoryCard","IconButton","ArrowLeftIcon","BodyCaption","TextPickerSelectAllRow","TextPickerItemRow"],"mappings":"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"}

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),l=require("styled-components"),o=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),s=require("../checkBox/CheckBox.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=u(l),a=c.default.div`
-  background: ${({isActive:e})=>e?o.COLORS.surface.hovered:o.COLORS.surface.subdued};
-  border-bottom: 1px solid ${o.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),i=require("styled-components"),t=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),s=require("../checkBox/CheckBox.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(i),d=n.default.div`
+  background: ${({isActive:e})=>e?t.COLORS.surface.hovered:t.COLORS.surface.subdued};
+  border-bottom: 1px solid ${t.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
@@ -9,10 +9,10 @@
   justify-content: center;
   align-items: center;
 
-`,d=c.default.div`
+`,u=n.default.div`
   display: flex;
   margin-right: 16px;
-`,m=c.default.div`
+`,m=n.default.div`
   flex: 1;
-`,p=({isChecked:e,isPartiallyChecked:r,onCheck:n})=>t.jsxDEV(a,{isActive:e||r,children:[t.jsxDEV(d,{children:t.jsxDEV(s.CheckBox,{isChecked:e||r,isPartiallyChecked:r&&!e,onValueChange:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:43,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:42,columnNumber:5},void 0),t.jsxDEV(m,{children:t.jsxDEV(i.BodyPrimary,{children:"Select All"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:50,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:49,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:41,columnNumber:3},void 0);exports.TextPickerSelectAllRow=p;
+`,x=({isChecked:e,isPartiallyChecked:r,onCheck:l})=>o.jsxDEV(d,{isActive:e||r,children:[o.jsxDEV(u,{children:o.jsxDEV(s.CheckBox,{isChecked:e||r,isPartiallyChecked:r&&!e,onValueChange:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:43,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:42,columnNumber:5},void 0),o.jsxDEV(m,{children:o.jsxDEV(c.BodyPrimary,{children:"Select All"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:50,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:49,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerSelectAllRow.tsx",lineNumber:41,columnNumber:3},void 0);exports.TextPickerSelectAllRow=x;
 //# sourceMappingURL=TextPickerSelectAllRow.js.map

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n  background: ${({ isActive }) =>\n    isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: default;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n  display: flex;\n  margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n  flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n}) => (\n  <SelectAllCard isActive={isChecked || isPartiallyChecked}>\n    <CheckBoxWrapper>\n      <CheckBox\n        isChecked={isChecked || isPartiallyChecked}\n        isPartiallyChecked={isPartiallyChecked && !isChecked}\n        onValueChange={onCheck}\n      />\n    </CheckBoxWrapper>\n    <ItemTextWrapper>\n      <BodyPrimary>Select All</BodyPrimary>\n    </ItemTextWrapper>\n  </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","isActive","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","isChecked","isPartiallyChecked","onCheck","jsxDEV","CheckBox","this","BodyPrimary"],"mappings":"qUAMMA,EAAgBC,EAAAA,QAAO;AAAA,gBACb,CAAC,CAAE,SAAAC,CAAA,IACfA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,OAAO;AAAA,6BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAUlBK,EAAgE,CAAC,CAC5E,UAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACV,EAAA,CAAc,SAAUO,GAAaC,EACpC,SAAA,CAAAE,SAACN,EAAA,CACC,SAAAM,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWJ,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAeE,CAAA,EAHjB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAIA,EALF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,EACAF,EAAAA,OAACL,EAAA,CACC,SAAAK,SAACG,EAAAA,YAAA,CAAY,SAAA,YAAA,EAAb,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAuB,CAAA,EADzB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA"}
+{"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n  background: ${({ isActive }) =>\n    isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: default;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n  display: flex;\n  margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n  flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n}) => (\n  <SelectAllCard isActive={isChecked || isPartiallyChecked}>\n    <CheckBoxWrapper>\n      <CheckBox\n        isChecked={isChecked || isPartiallyChecked}\n        isPartiallyChecked={isPartiallyChecked && !isChecked}\n        onValueChange={onCheck}\n      />\n    </CheckBoxWrapper>\n    <ItemTextWrapper>\n      <BodyPrimary>Select All</BodyPrimary>\n    </ItemTextWrapper>\n  </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","isActive","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","isChecked","isPartiallyChecked","onCheck","jsxDEV","CheckBox","this","BodyPrimary"],"mappings":"qUAMMA,EAAgBC,EAAAA,QAAO;AAAA,gBACb,CAAC,CAAE,SAAAC,CAAA,IACfA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,OAAO;AAAA,6BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAUlBK,EAAgE,CAAC,CAC5E,UAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACV,EAAA,CAAc,SAAUO,GAAaC,EACpC,SAAA,CAAAE,SAACN,EAAA,CACC,SAAAM,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWJ,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAeE,CAAA,EAHjB,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAIA,EALF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,EACAF,EAAAA,OAACL,EAAA,CACC,SAAAK,SAACG,EAAAA,YAAA,CAAY,SAAA,YAAA,EAAb,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAuB,CAAA,EADzB,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA"}

package/dist/cjs/components/thumbnail/Thumbnail.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("../avatar/AvatarHelper.js"),n=require("./constants.js"),a=require("./Thumbnail.styled.js");var r=(e=>(e.ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(r||{});const h={VERTICAL:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},HORIZONTAL:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},ONE_ONE:{}},s=e=>t.jsxDEV(a.ThumbnailStyle,{size:e.size,children:t.jsxDEV("img",{alt:"",width:h[e.ratio][e.size]?.width||n.THUMBNAIL_SIZE_MAP[e.size],height:h[e.ratio][e.size]?.height||n.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio==="ONE_ONE"?4:0,objectFit:"cover"},src:e.imageUrl},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/thumbnail/Thumbnail.tsx",lineNumber:35,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/thumbnail/Thumbnail.tsx",lineNumber:34,columnNumber:3},void 0);exports.RATIO=r;exports.Thumbnail=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("../avatar/AvatarHelper.js"),n=require("./constants.js"),a=require("./Thumbnail.styled.js");var h=(e=>(e.ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(h||{});const r={VERTICAL:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},HORIZONTAL:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},ONE_ONE:{}},s=e=>t.jsxDEV(a.ThumbnailStyle,{size:e.size,children:t.jsxDEV("img",{alt:"",width:r[e.ratio][e.size]?.width||n.THUMBNAIL_SIZE_MAP[e.size],height:r[e.ratio][e.size]?.height||n.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio==="ONE_ONE"?4:0,objectFit:"cover"},src:e.imageUrl},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/thumbnail/Thumbnail.tsx",lineNumber:35,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/thumbnail/Thumbnail.tsx",lineNumber:34,columnNumber:3},void 0);exports.RATIO=h;exports.Thumbnail=s;
 //# sourceMappingURL=Thumbnail.js.map

package/dist/cjs/components/thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sources":["../../../../src/components/thumbnail/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { ThumbnailStyle } from '@src/components/thumbnail/Thumbnail.styled';\n\nexport enum RATIO {\n\tONE_ONE = 'ONE_ONE',\n\tVERTICAL = 'VERTICAL',\n\tHORIZONTAL = 'HORIZONTAL',\n}\n\nconst IMAGE_ASPECT_RATIO = {\n\t[RATIO.VERTICAL]: {\n\t\t[SIZE.SMALL]: { width: 30, height: 40 },\n\t\t[SIZE.MEDIUM]: { width: 48, height: 64 },\n\t\t[SIZE.LARGE]: { width: 60, height: 80 },\n\t},\n\t[RATIO.HORIZONTAL]: {\n\t\t[SIZE.SMALL]: { width: 40, height: 30 },\n\t\t[SIZE.MEDIUM]: { width: 64, height: 48 },\n\t\t[SIZE.LARGE]: { width: 80, height: 60 },\n\t},\n\t[RATIO.ONE_ONE]: {},\n};\n\nexport type ThumbnailProps = {\n\tsize: SIZE;\n\tratio: RATIO;\n\timageUrl: string;\n};\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n\treturn (\n\t\t<ThumbnailStyle size={props.size}>\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.width ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\theight={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.height ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props.ratio === RATIO.ONE_ONE ? 4 : 0,\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tsrc={props.imageUrl}\n\t\t\t/>\n\t\t</ThumbnailStyle>\n\t);\n};\n"],"names":["RATIO","IMAGE_ASPECT_RATIO","SIZE","Thumbnail","props","jsxDEV","ThumbnailStyle","THUMBNAIL_SIZE_MAP","this"],"mappings":"+NAKO,IAAKA,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,WAAa,aAHFA,IAAAA,GAAA,CAAA,CAAA,EAMZ,MAAMC,EAAqB,CACzB,SAAiB,CACjB,CAACC,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACnC,CAACA,EAAAA,KAAK,MAAM,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACpC,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,CAAG,EAEtC,WAAmB,CACnB,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACnC,CAACA,EAAAA,KAAK,MAAM,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACpC,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,CAAG,EAEtC,QAAgB,CAAA,CAClB,EAQaC,EAAuCC,GAElDC,EAAAA,OAACC,EAAAA,eAAA,CAAe,KAAMF,EAAM,KAC3B,SAAAC,EAAAA,OAAC,MAAA,CACA,IAAI,GACJ,MACCJ,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,OAC7CG,qBAAmBH,EAAM,IAAI,EAE9B,OACCH,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,QAC7CG,qBAAmBH,EAAM,IAAI,EAE9B,MAAO,CACN,aAAcA,EAAM,QAAU,UAAgB,EAAI,EAClD,UAAW,OAAA,EAEZ,IAAKA,EAAM,QAAA,EAdZ,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAeA,EAhBD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA"}
+{"version":3,"file":"Thumbnail.js","sources":["../../../../src/components/thumbnail/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { ThumbnailStyle } from '@src/components/thumbnail/Thumbnail.styled';\n\nexport enum RATIO {\n\tONE_ONE = 'ONE_ONE',\n\tVERTICAL = 'VERTICAL',\n\tHORIZONTAL = 'HORIZONTAL',\n}\n\nconst IMAGE_ASPECT_RATIO = {\n\t[RATIO.VERTICAL]: {\n\t\t[SIZE.SMALL]: { width: 30, height: 40 },\n\t\t[SIZE.MEDIUM]: { width: 48, height: 64 },\n\t\t[SIZE.LARGE]: { width: 60, height: 80 },\n\t},\n\t[RATIO.HORIZONTAL]: {\n\t\t[SIZE.SMALL]: { width: 40, height: 30 },\n\t\t[SIZE.MEDIUM]: { width: 64, height: 48 },\n\t\t[SIZE.LARGE]: { width: 80, height: 60 },\n\t},\n\t[RATIO.ONE_ONE]: {},\n};\n\nexport type ThumbnailProps = {\n\tsize: SIZE;\n\tratio: RATIO;\n\timageUrl: string;\n};\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n\treturn (\n\t\t<ThumbnailStyle size={props.size}>\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.width ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\theight={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.height ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props.ratio === RATIO.ONE_ONE ? 4 : 0,\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tsrc={props.imageUrl}\n\t\t\t/>\n\t\t</ThumbnailStyle>\n\t);\n};\n"],"names":["RATIO","IMAGE_ASPECT_RATIO","SIZE","Thumbnail","props","jsxDEV","ThumbnailStyle","THUMBNAIL_SIZE_MAP","this"],"mappings":"+NAKO,IAAKA,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,WAAa,aAHFA,IAAAA,GAAA,CAAA,CAAA,EAMZ,MAAMC,EAAqB,CACzB,SAAiB,CACjB,CAACC,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACnC,CAACA,EAAAA,KAAK,MAAM,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACpC,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,CAAG,EAEtC,WAAmB,CACnB,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACnC,CAACA,EAAAA,KAAK,MAAM,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,EACpC,CAACA,EAAAA,KAAK,KAAK,EAAG,CAAE,MAAO,GAAI,OAAQ,EAAA,CAAG,EAEtC,QAAgB,CAAA,CAClB,EAQaC,EAAuCC,GAElDC,EAAAA,OAACC,EAAAA,eAAA,CAAe,KAAMF,EAAM,KAC3B,SAAAC,EAAAA,OAAC,MAAA,CACA,IAAI,GACJ,MACCJ,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,OAC7CG,qBAAmBH,EAAM,IAAI,EAE9B,OACCH,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,QAC7CG,qBAAmBH,EAAM,IAAI,EAE9B,MAAO,CACN,aAAcA,EAAM,QAAU,UAAgB,EAAI,EAClD,UAAW,OAAA,EAEZ,IAAKA,EAAM,QAAA,EAdZ,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAeA,EAhBD,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA"}

package/dist/cjs/components/toaster/Toaster.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),k=require("../../assets/icons/alert_triangle.svg.js"),j=require("../../assets/icons/check.svg.js"),v=require("../../assets/icons/cross.svg.js"),g=require("../../assets/icons/errorInfo.svg.js"),B=require("../../assets/icons/info.svg.js"),i=require("react"),C=require("react-dom"),l=require("react-toastify"),P=require("./Toaster.styled.js"),m=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),f=require("../button/Button.js"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},w=y(i),D=y(C),E=e=>t.jsxDEV(m.BodySecondary,{color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25},children:[e.duration,"s"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:61,columnNumber:3},void 0),h=e=>{const o=e.type==="default"?n.COLORS.content.primary:e.type==="success"?n.COLORS.content.positive:e.type==="error"?n.COLORS.content.negative:e.type==="warning"?n.COLORS.content.warning:n.COLORS.content.brand,[r,c]=i.useState(e.duration||-1);i.useEffect(()=>{if(!e.duration||e.duration<=0){c(-1);return}c(e.duration);const a=setInterval(()=>{c(T=>{const b=T-1;return b<=0?(clearInterval(a),-1):b})},1e3);return()=>clearInterval(a)},[e.duration]);const s=e.blocking&&r===-1?!1:e.blocking&&r>0,u=()=>{!s&&e.closeToast&&e.closeToast()},d=a=>{a.key==="Enter"&&!s&&e.closeToast&&e.closeToast()};return t.jsxDEV("div",{tabIndex:s?-1:0,role:"button",style:{width:r>0?25:20,display:"flex",cursor:s?"not-allowed":"pointer",alignSelf:`${e.alignTop?"flex-start":"center"}`,opacity:s?.5:1},onClick:u,onKeyDown:d,children:r>0?t.jsxDEV(E,{duration:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:150,columnNumber:5},void 0):t.jsxDEV(v.default,{height:20,width:20,color:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:152,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:136,columnNumber:3},void 0)},x=e=>{const o=n.COLORS.content.placeholder,{toasterText:r}=i.useContext(N);return t.jsxDEV(t.Fragment,{children:t.jsxDEV("div",{style:{display:"flex",flexGrow:1,maxWidth:"100%"},children:[t.jsxDEV("div",{style:{flexGrow:1,marginRight:16,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"},children:t.jsxDEV("div",{style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"},children:[e.subText?t.jsxDEV(m.TitleSmall,{color:"inherit",children:e.toastText??r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:201,columnNumber:8},void 0):t.jsxDEV(m.BodySecondary,{color:"inherit",children:e.toastText??r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:206,columnNumber:8},void 0),e.subText&&t.jsxDEV("div",{style:{marginTop:2},children:t.jsxDEV(m.BodyCaption,{color:n.COLORS.content.secondary,children:e.subText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:213,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:212,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:192,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:182,columnNumber:5},void 0),e.showButton&&t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:e.subText?"fit-content":"auto",marginRight:e.showSecondButton?4:0},children:t.jsxDEV(f.Button,{buttonText:e.buttonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:e.onButtonClick},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:231,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:221,columnNumber:6},void 0),e.showSecondButton&&t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:e.subText?"fit-content":"auto"},children:t.jsxDEV(f.Button,{buttonText:e.secondButtonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:e.onSecondButtonClick},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:249,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:240,columnNumber:6},void 0),e.showButton||e.showSecondButton?t.jsxDEV("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${o}`,borderRadius:1}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:258,columnNumber:6},void 0):null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:175,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:174,columnNumber:3},void 0)},S=e=>{const o=i.useRef(e.toastId||"default-toast"),[r,c]=i.useState(e.text),s=l.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),u=e.type==="default"?null:e.type==="success"?t.jsxDEV(j.default,{width:20,height:20,color:n.COLORS.content.positive},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:286,columnNumber:4},void 0):e.type==="error"?t.jsxDEV(g.default,{width:20,height:20,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:288,columnNumber:4},void 0):e.type==="warning"?t.jsxDEV(k.default,{width:20,height:20,color:n.COLORS.content.warning},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:290,columnNumber:4},void 0):t.jsxDEV(B.default,{width:20,height:20,color:n.COLORS.content.brand},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:292,columnNumber:4},void 0);i.useEffect(()=>{o.current&&o.current===e.toastId?(c(e.text),l.toast.update(o.current,{autoClose:e.autoClose})):o.current&&o.current!==e.toastId&&d(e.text)},[e.toastId,e.text]);const d=a=>{e.hideLeftIcon!==void 0||e.leftIcon?l.toast(t.jsxDEV(x,{toastText:a,type:e.type||"info",buttonText:e.buttonProps?.buttonText,secondButtonText:e.secondButtonProps?.buttonText,showButton:e.buttonProps?.showButton,showSecondButton:e.secondButtonProps?.showButton,onButtonClick:e.buttonProps?.onButtonClick,onSecondButtonClick:e.secondButtonProps?.onButtonClick,subText:e.subText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:311,columnNumber:5},void 0),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:e.hideLeftIcon===!0?!1:e.leftIcon?e.leftIcon:e.type==="default"?!1:t.jsxDEV("div",{style:{display:"flex",alignItems:"flex-start"},children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:332,columnNumber:8},void 0),type:e.type,closeButton:t.jsxDEV(h,{type:e.type||"default",alignTop:!!(e.subText&&!(e.buttonProps?.showButton||e.secondButtonProps?.showButton)),blocking:e.blocking,duration:e.duration},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:338,columnNumber:7},void 0),toastId:e.toastId||"default-toast",transition:s}):o.current=l.toast(t.jsxDEV(x,{toastText:a,type:e.type||"info",buttonText:e.buttonProps?.buttonText,secondButtonText:e.secondButtonProps?.buttonText,showButton:e.buttonProps?.showButton,showSecondButton:e.secondButtonProps?.showButton,onButtonClick:e.buttonProps?.onButtonClick,onSecondButtonClick:e.secondButtonProps?.onButtonClick,subText:e.subText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:359,columnNumber:5},void 0),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,icon:e.type==="default"?!1:t.jsxDEV("div",{style:{display:"flex",alignItems:"flex-start"},children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:377,columnNumber:8},void 0),closeButton:t.jsxDEV(h,{type:e.type||"default",alignTop:!!(e.subText&&!(e.buttonProps?.showButton||e.secondButtonProps?.showButton)),blocking:e.blocking,duration:e.duration},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:382,columnNumber:7},void 0),toastId:e.toastId||"default-toast",transition:s})};return i.useEffect(()=>{d()},[]),D.default.createPortal(t.jsxDEV(P.ToasterStyled,{width:e.width,height:e.height,zIndex:e.zIndex,isSubTextIncluded:!!e.subText,type:e.type,children:t.jsxDEV(N.Provider,{value:{toasterText:r},children:t.jsxDEV(l.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:417,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:416,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:409,columnNumber:3},void 0),document.body)},N=w.default.createContext({toasterText:""});exports.Toaster=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),w=require("../../assets/icons/alert_triangle.svg.js"),D=require("../../assets/icons/check.svg.js"),k=require("../../assets/icons/cross.svg.js"),v=require("../../assets/icons/errorInfo.svg.js"),g=require("../../assets/icons/info.svg.js"),a=require("react"),B=require("react-dom"),c=require("react-toastify"),C=require("./Toaster.styled.js"),m=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),f=require("../button/Button.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=N(a),S=N(B),j=e=>t.jsxDEV(m.BodySecondary,{color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25},children:[e.duration,"s"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:61,columnNumber:3},void 0),y=e=>{const o=e.type==="default"?n.COLORS.content.primary:e.type==="success"?n.COLORS.content.positive:e.type==="error"?n.COLORS.content.negative:e.type==="warning"?n.COLORS.content.warning:n.COLORS.content.brand,[s,l]=a.useState(e.duration||-1);a.useEffect(()=>{if(!e.duration||e.duration<=0){l(-1);return}l(e.duration);const r=setInterval(()=>{l(h=>{const b=h-1;return b<=0?(clearInterval(r),-1):b})},1e3);return()=>clearInterval(r)},[e.duration]);const i=e.blocking&&s===-1?!1:e.blocking&&s>0,d=()=>{!i&&e.closeToast&&e.closeToast()},u=r=>{r.key==="Enter"&&!i&&e.closeToast&&e.closeToast()};return t.jsxDEV("div",{tabIndex:i?-1:0,role:"button",style:{width:s>0?25:20,display:"flex",cursor:i?"not-allowed":"pointer",alignSelf:`${e.alignTop?"flex-start":"center"}`,opacity:i?.5:1},onClick:d,onKeyDown:u,children:s>0?t.jsxDEV(j,{duration:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:150,columnNumber:5},void 0):t.jsxDEV(k.default,{height:20,width:20,color:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:152,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:136,columnNumber:3},void 0)},x=e=>{const o=n.COLORS.content.placeholder,{toasterText:s}=a.useContext(T);return t.jsxDEV(t.Fragment,{children:t.jsxDEV("div",{style:{display:"flex",flexGrow:1,maxWidth:"100%"},children:[t.jsxDEV("div",{style:{flexGrow:1,marginRight:16,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"},children:t.jsxDEV("div",{style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"},children:[e.subText?t.jsxDEV(m.TitleSmall,{color:"inherit",children:e.toastText??s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:201,columnNumber:8},void 0):t.jsxDEV(m.BodySecondary,{color:"inherit",children:e.toastText??s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:206,columnNumber:8},void 0),e.subText&&t.jsxDEV("div",{style:{marginTop:2},children:t.jsxDEV(m.BodyCaption,{color:n.COLORS.content.secondary,children:e.subText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:213,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:212,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:192,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:182,columnNumber:5},void 0),e.showButton&&t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:e.subText?"fit-content":"auto",marginRight:e.showSecondButton?4:0},children:t.jsxDEV(f.Button,{buttonText:e.buttonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:e.onButtonClick},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:231,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:221,columnNumber:6},void 0),e.showSecondButton&&t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:e.subText?"fit-content":"auto"},children:t.jsxDEV(f.Button,{buttonText:e.secondButtonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:e.onSecondButtonClick},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:249,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:240,columnNumber:6},void 0),e.showButton||e.showSecondButton?t.jsxDEV("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${o}`,borderRadius:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:258,columnNumber:6},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:175,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:174,columnNumber:3},void 0)},V=e=>{const o=a.useRef(e.toastId||"default-toast"),[s,l]=a.useState(e.text),i=c.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),d=e.type==="default"?null:e.type==="success"?t.jsxDEV(D.default,{width:20,height:20,color:n.COLORS.content.positive},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:286,columnNumber:4},void 0):e.type==="error"?t.jsxDEV(v.default,{width:20,height:20,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:288,columnNumber:4},void 0):e.type==="warning"?t.jsxDEV(w.default,{width:20,height:20,color:n.COLORS.content.warning},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:290,columnNumber:4},void 0):t.jsxDEV(g.default,{width:20,height:20,color:n.COLORS.content.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:292,columnNumber:4},void 0);a.useEffect(()=>{o.current&&o.current===e.toastId?(l(e.text),c.toast.update(o.current,{autoClose:e.autoClose})):o.current&&o.current!==e.toastId&&u(e.text)},[e.toastId,e.text]);const u=r=>{e.hideLeftIcon!==void 0||e.leftIcon?c.toast(t.jsxDEV(x,{toastText:r,type:e.type||"info",buttonText:e.buttonProps?.buttonText,secondButtonText:e.secondButtonProps?.buttonText,showButton:e.buttonProps?.showButton,showSecondButton:e.secondButtonProps?.showButton,onButtonClick:e.buttonProps?.onButtonClick,onSecondButtonClick:e.secondButtonProps?.onButtonClick,subText:e.subText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:311,columnNumber:5},void 0),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:e.hideLeftIcon===!0?!1:e.leftIcon?e.leftIcon:e.type==="default"?!1:t.jsxDEV("div",{style:{display:"flex",alignItems:"flex-start"},children:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:332,columnNumber:8},void 0),type:e.type,closeButton:t.jsxDEV(y,{type:e.type||"default",alignTop:!!(e.subText&&!(e.buttonProps?.showButton||e.secondButtonProps?.showButton)),blocking:e.blocking,duration:e.duration},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:338,columnNumber:7},void 0),toastId:e.toastId||"default-toast",transition:i}):o.current=c.toast(t.jsxDEV(x,{toastText:r,type:e.type||"info",buttonText:e.buttonProps?.buttonText,secondButtonText:e.secondButtonProps?.buttonText,showButton:e.buttonProps?.showButton,showSecondButton:e.secondButtonProps?.showButton,onButtonClick:e.buttonProps?.onButtonClick,onSecondButtonClick:e.secondButtonProps?.onButtonClick,subText:e.subText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:359,columnNumber:5},void 0),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,icon:e.type==="default"?!1:t.jsxDEV("div",{style:{display:"flex",alignItems:"flex-start"},children:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:377,columnNumber:8},void 0),closeButton:t.jsxDEV(y,{type:e.type||"default",alignTop:!!(e.subText&&!(e.buttonProps?.showButton||e.secondButtonProps?.showButton)),blocking:e.blocking,duration:e.duration},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:382,columnNumber:7},void 0),toastId:e.toastId||"default-toast",transition:i})};return a.useEffect(()=>{u()},[]),S.default.createPortal(t.jsxDEV(C.ToasterStyled,{width:e.width,height:e.height,zIndex:e.zIndex,isSubTextIncluded:!!e.subText,type:e.type,children:t.jsxDEV(T.Provider,{value:{toasterText:s},children:t.jsxDEV(c.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:417,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:416,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/toaster/Toaster.tsx",lineNumber:409,columnNumber:3},void 0),document.body)},T=E.default.createContext({toasterText:""});exports.Toaster=V;
 //# sourceMappingURL=Toaster.js.map

package/dist/cjs/components/toaster/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' | 'success' | 'error' | 'default' | 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number | false | undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration || -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration || props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\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\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton || props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId || 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined || props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type || 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type || 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton ||\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId || 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type || 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type || 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton ||\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId || 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position || 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick || false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar || false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose || false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","jsxDEV","BodySecondary","this","CloseButton","iconColor","COLORS","timerValue","setTimerValue","useState","useEffect","interval","prev","next","isDisabled","handleClick","handleKeyDown","e","Cross","RenderContent","strokeColor","toasterTextContext","useContext","ToastContext","Fragment","TitleSmall","BodyCaption","Button","Toaster","toastId","useRef","toastLocal","setToastLocal","bounce","cssTransition","leftIcon","Check","Error","AlertTriangle","Info","toast","notify","toastText","ReactDOM","ToasterStyled","ToastContainer","React"],"mappings":"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"}
+{"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' | 'success' | 'error' | 'default' | 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number | false | undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration || -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration || props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\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\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton || props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId || 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined || props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type || 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type || 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton ||\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId || 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type || 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type || 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton ||\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId || 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position || 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick || false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar || false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose || false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","jsxDEV","BodySecondary","this","CloseButton","iconColor","COLORS","timerValue","setTimerValue","useState","useEffect","interval","prev","next","isDisabled","handleClick","handleKeyDown","e","Cross","RenderContent","strokeColor","toasterTextContext","useContext","ToastContext","Fragment","TitleSmall","BodyCaption","Button","Toaster","toastId","useRef","toastLocal","setToastLocal","bounce","cssTransition","leftIcon","Check","Error","AlertTriangle","Info","toast","notify","toastText","ReactDOM","ToasterStyled","ToastContainer","React"],"mappings":"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"}

package/dist/cjs/components/tooltips/Tooltip.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("@tippyjs/react"),i=require("react"),l=require("./TooltipInternal.js"),r=require("../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=n(o),c=n(i),u=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("@tippyjs/react"),i=require("react"),l=require("./TooltipInternal.js"),a=require("../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(o),d=n(i),c=`
 	.tippy-content {
 		padding: 0px;
 	}
 	.tippy-arrow {
-		color: ${r.COLORS.content.primary};
+		color: ${a.COLORS.content.primary};
 	}
 	.overflow-wrap-tippy {
 		overflow-wrap: anywhere;
 	}
-`,d=e=>c.default.isValidElement(e.children)?!e.body&&!e.title&&!e.tooltipContent?e.children:t.jsxDEV(t.Fragment,{children:[t.jsxDEV("style",{children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:55,columnNumber:4},void 0),t.jsxDEV(a.default,{theme:e.variant??"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!e.hideArrow,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsxDEV(l.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:71,columnNumber:7},void 0),onClickOutside:e.onClickOutside,children:e.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:54,columnNumber:3},void 0):null;exports.Tooltip=d;
+`,s=e=>d.default.isValidElement(e.children)?!e.body&&!e.title&&!e.tooltipContent?e.children:t.jsxDEV(t.Fragment,{children:[t.jsxDEV("style",{children:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:55,columnNumber:4},void 0),t.jsxDEV(r.default,{theme:e.variant??"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!e.hideArrow,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsxDEV(l.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:71,columnNumber:7},void 0),onClickOutside:e.onClickOutside,children:e.children},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/Tooltip.tsx",lineNumber:54,columnNumber:3},void 0):null;exports.Tooltip=s;
 //# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/tooltips/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t| 'top'\n\t| 'top-start'\n\t| 'top-end'\n\t| 'bottom'\n\t| 'bottom-start'\n\t| 'bottom-end'\n\t| 'left'\n\t| 'left-start'\n\t| 'left-end'\n\t| 'right'\n\t| 'right-start'\n\t| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement || 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","Tooltip","props","React","jsxDEV","Fragment","this","Tippy","TooltipInternal"],"mappings":"sTA+BMA,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,WAKXC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBC,EAA4CC,GACnDC,EAAAA,QAAM,eAAeD,EAAM,QAAQ,EAIpC,CAACA,EAAM,MAAQ,CAACA,EAAM,OAAS,CAACA,EAAM,eAClCA,EAAM,SAIbE,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,SAAO,SAAAL,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAsB,EACtBF,EAAAA,OAACG,EAAAA,QAAA,CACA,MAAOL,EAAM,SAAW,OACxB,SAAU,SAAS,KACnB,UAAU,sBACV,UAAWA,EAAM,WAAa,QAC9B,SAAUA,EAAM,MAChB,UAAW,OACX,MAAO,CAACA,EAAM,UACd,YAAa,GACb,MAAOA,EAAM,MACb,QAASA,EAAM,cACf,QACCA,EAAM,eACLA,EAAM,eAENE,EAAAA,OAACI,EAAAA,QAAA,CACA,QAASN,EAAM,QACf,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,YAAaA,EAAM,WAAA,EAJpB,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAQF,eAAgBJ,EAAM,eAErB,SAAAA,EAAM,QAAA,EAzBR,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CA0BA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,2FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,EArCO"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t| 'top'\n\t| 'top-start'\n\t| 'top-end'\n\t| 'bottom'\n\t| 'bottom-start'\n\t| 'bottom-end'\n\t| 'left'\n\t| 'left-start'\n\t| 'left-end'\n\t| 'right'\n\t| 'right-start'\n\t| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement || 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","Tooltip","props","React","jsxDEV","Fragment","this","Tippy","TooltipInternal"],"mappings":"sTA+BMA,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,WAKXC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBC,EAA4CC,GACnDC,EAAAA,QAAM,eAAeD,EAAM,QAAQ,EAIpC,CAACA,EAAM,MAAQ,CAACA,EAAM,OAAS,CAACA,EAAM,eAClCA,EAAM,SAIbE,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,SAAO,SAAAL,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAsB,EACtBF,EAAAA,OAACG,EAAAA,QAAA,CACA,MAAOL,EAAM,SAAW,OACxB,SAAU,SAAS,KACnB,UAAU,sBACV,UAAWA,EAAM,WAAa,QAC9B,SAAUA,EAAM,MAChB,UAAW,OACX,MAAO,CAACA,EAAM,UACd,YAAa,GACb,MAAOA,EAAM,MACb,QAASA,EAAM,cACf,QACCA,EAAM,eACLA,EAAM,eAENE,EAAAA,OAACI,EAAAA,QAAA,CACA,QAASN,EAAM,QACf,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,YAAaA,EAAM,WAAA,EAJpB,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAQF,eAAgBJ,EAAM,eAErB,SAAAA,EAAM,QAAA,EAzBR,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CA0BA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,EArCO"}

package/dist/cjs/components/tooltips/TooltipInternal.js

@@ -4,5 +4,5 @@
 	padding: 8px;
 	background-color: ${e=>e.variant==="light"?o.COLORS.surface.subdued:o.COLORS.content.primary};
 	color: ${e=>n(e.variant)};
-`,c=e=>t.jsxDEV(u,{variant:e.variant??"dark",children:[e.title&&t.jsxDEV(r.TitleSmall,{color:n(e.variant),style:{marginBottom:"8px"},children:e.title},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:43,columnNumber:5},void 0),t.jsxDEV(r.BodyCaption,{color:n(e.variant),style:{marginBottom:e.buttonProps?"8px":"0px"},children:e.body},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:50,columnNumber:4},void 0),e.buttonProps&&t.jsxDEV(l.Button,{...e.buttonProps},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:56,columnNumber:26},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:41,columnNumber:3},void 0);exports.default=c;
+`,d=e=>t.jsxDEV(u,{variant:e.variant??"dark",children:[e.title&&t.jsxDEV(r.TitleSmall,{color:n(e.variant),style:{marginBottom:"8px"},children:e.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:43,columnNumber:5},void 0),t.jsxDEV(r.BodyCaption,{color:n(e.variant),style:{marginBottom:e.buttonProps?"8px":"0px"},children:e.body},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:50,columnNumber:4},void 0),e.buttonProps&&t.jsxDEV(l.Button,{...e.buttonProps},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:56,columnNumber:26},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tooltips/TooltipInternal.tsx",lineNumber:41,columnNumber:3},void 0);exports.default=d;
 //# sourceMappingURL=TooltipInternal.js.map

package/dist/cjs/components/tooltips/TooltipInternal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipInternal.js","sources":["../../../../src/components/tooltips/TooltipInternal.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { ButtonProps } from '@src/components/button/model';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface TooltipInternalProps {\n\ttitle?: string;\n\tbody?: string;\n\tbuttonProps?: ButtonProps;\n\tdelay?: number | number[];\n\tvariant?: 'light' | 'dark';\n}\n\ntype Props = TooltipInternalProps;\n\ntype TooltipVariant = Pick<TooltipInternalProps, 'variant'>['variant'];\n\nconst getTextColorBasedOnVariant = (variant: TooltipVariant) => {\n\tif (variant === 'light') {\n\t\treturn COLORS.content.primary;\n\t}\n\treturn COLORS.content.primaryInverse;\n};\n\nconst TooltipStyled = styled.div<{ variant: 'light' | 'dark' }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${(props) =>\n\t\tprops.variant === 'light'\n\t\t\t? COLORS.surface.subdued\n\t\t\t: COLORS.content.primary};\n\tcolor: ${(props) => getTextColorBasedOnVariant(props.variant)};\n`;\n\nconst TooltipInternal: FunctionComponent<Props> = (props) => {\n\t// Todo (ashutosh) make sure that the button which is passed is inverse\n\treturn (\n\t\t<TooltipStyled variant={props.variant ?? 'dark'}>\n\t\t\t{props.title && (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\t\tstyle={{ marginBottom: '8px' }}\n\t\t\t\t>\n\t\t\t\t\t{props.title}\n\t\t\t\t</TitleSmall>\n\t\t\t)}\n\t\t\t<BodyCaption\n\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\tstyle={{ marginBottom: props.buttonProps ? '8px' : '0px' }}\n\t\t\t>\n\t\t\t\t{props.body}\n\t\t\t</BodyCaption>\n\t\t\t{props.buttonProps && <Button {...props.buttonProps} />}\n\t\t</TooltipStyled>\n\t);\n};\n\nexport default TooltipInternal;\n"],"names":["getTextColorBasedOnVariant","variant","COLORS","TooltipStyled","styled","props","TooltipInternal","jsxDEV","TitleSmall","this","BodyCaption","Button"],"mappings":"6VAmBMA,EAA8BC,GAC/BA,IAAY,QACRC,EAAAA,OAAO,QAAQ,QAEhBA,EAAAA,OAAO,QAAQ,eAGjBC,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIPC,GACpBA,EAAM,UAAY,QACfH,SAAO,QAAQ,QACfA,SAAO,QAAQ,OAAO;AAAA,UAChBG,GAAUL,EAA2BK,EAAM,OAAO,CAAC;AAAA,EAGxDC,EAA6CD,GAGjDE,EAAAA,OAACJ,EAAA,CAAc,QAASE,EAAM,SAAW,OACvC,SAAA,CAAAA,EAAM,OACNE,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAOR,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAc,KAAA,EAEtB,SAAAA,EAAM,KAAA,EAJR,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAODF,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOV,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAcA,EAAM,YAAc,MAAQ,KAAA,EAElD,SAAAA,EAAM,IAAA,EAJR,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAMCJ,EAAM,aAAeE,EAAAA,OAACI,SAAA,CAAQ,GAAGN,EAAM,WAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAA+B,CAAA,CAAA,EAftD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA"}
+{"version":3,"file":"TooltipInternal.js","sources":["../../../../src/components/tooltips/TooltipInternal.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { ButtonProps } from '@src/components/button/model';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface TooltipInternalProps {\n\ttitle?: string;\n\tbody?: string;\n\tbuttonProps?: ButtonProps;\n\tdelay?: number | number[];\n\tvariant?: 'light' | 'dark';\n}\n\ntype Props = TooltipInternalProps;\n\ntype TooltipVariant = Pick<TooltipInternalProps, 'variant'>['variant'];\n\nconst getTextColorBasedOnVariant = (variant: TooltipVariant) => {\n\tif (variant === 'light') {\n\t\treturn COLORS.content.primary;\n\t}\n\treturn COLORS.content.primaryInverse;\n};\n\nconst TooltipStyled = styled.div<{ variant: 'light' | 'dark' }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${(props) =>\n\t\tprops.variant === 'light'\n\t\t\t? COLORS.surface.subdued\n\t\t\t: COLORS.content.primary};\n\tcolor: ${(props) => getTextColorBasedOnVariant(props.variant)};\n`;\n\nconst TooltipInternal: FunctionComponent<Props> = (props) => {\n\t// Todo (ashutosh) make sure that the button which is passed is inverse\n\treturn (\n\t\t<TooltipStyled variant={props.variant ?? 'dark'}>\n\t\t\t{props.title && (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\t\tstyle={{ marginBottom: '8px' }}\n\t\t\t\t>\n\t\t\t\t\t{props.title}\n\t\t\t\t</TitleSmall>\n\t\t\t)}\n\t\t\t<BodyCaption\n\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\tstyle={{ marginBottom: props.buttonProps ? '8px' : '0px' }}\n\t\t\t>\n\t\t\t\t{props.body}\n\t\t\t</BodyCaption>\n\t\t\t{props.buttonProps && <Button {...props.buttonProps} />}\n\t\t</TooltipStyled>\n\t);\n};\n\nexport default TooltipInternal;\n"],"names":["getTextColorBasedOnVariant","variant","COLORS","TooltipStyled","styled","props","TooltipInternal","jsxDEV","TitleSmall","this","BodyCaption","Button"],"mappings":"6VAmBMA,EAA8BC,GAC/BA,IAAY,QACRC,EAAAA,OAAO,QAAQ,QAEhBA,EAAAA,OAAO,QAAQ,eAGjBC,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIPC,GACpBA,EAAM,UAAY,QACfH,SAAO,QAAQ,QACfA,SAAO,QAAQ,OAAO;AAAA,UAChBG,GAAUL,EAA2BK,EAAM,OAAO,CAAC;AAAA,EAGxDC,EAA6CD,GAGjDE,EAAAA,OAACJ,EAAA,CAAc,QAASE,EAAM,SAAW,OACvC,SAAA,CAAAA,EAAM,OACNE,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAOR,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAc,KAAA,EAEtB,SAAAA,EAAM,KAAA,EAJR,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAODF,EAAAA,OAACG,EAAAA,YAAA,CACA,MAAOV,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAcA,EAAM,YAAc,MAAQ,KAAA,EAElD,SAAAA,EAAM,IAAA,EAJR,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAMCJ,EAAM,aAAeE,EAAAA,OAACI,SAAA,CAAQ,GAAGN,EAAM,WAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,EAAA,EAAAI,MAA+B,CAAA,CAAA,EAftD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA"}

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),o=require("react"),n=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),N=require("./UnsatisfactoryCountIntentWiseModal.style.js"),x=require("../modals/styledModal.js"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),U=require("../button/Button.js"),k=p=>{const{storeId:i,setShowUnsatisfactoryResponseModal:b,showUnsatisfactoryResponseModal:y,ChecklistType:j,UnsatisfactoryResponseIntentList:a,viewIntentWiseUnsatisfactoryResponse:c,IntentHeaderTitle:l,fetchUnsatisfactoryResponseCountIntentWise:u}=p,[m,h]=o.useState(),[d,f]=o.useState(!1);return o.useEffect(()=>{!i||!u||(f(!0),u().then(s=>{h(s),f(!1)}))},[i]),e.jsxDEV(x.StyledModal,{onClose:()=>b(!1),open:y,headingTitle:"Improve unsatisfactory response",children:e.jsxDEV(N.ModalBody,{children:[e.jsxDEV("div",{children:e.jsxDEV(t.BodyPrimary,{style:{color:n.COLORS.content.primary},children:"Intent wise distribution of unsatisfactory response"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:60,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{className:"modal-table",children:[e.jsxDEV("div",{className:"table-row header",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(t.TitleSmall,{style:{color:n.COLORS.content.primary},children:"Intent"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:68,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(t.TitleSmall,{style:{color:n.COLORS.content.primary},children:"Unsatisfactory response"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:73,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:72,columnNumber:7},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(t.TitleSmall,{style:{color:n.COLORS.content.primary},children:"Action"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:77,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:66,columnNumber:6},void 0),d&&[0,1,2,3,4,5,6].map(s=>e.jsxDEV("div",{className:"table-row",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(r.BikShimmer,{boxes:[{width:"196px",height:"20px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:86,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(r.BikShimmer,{boxes:[{width:"176px",height:"20px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:97,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:96,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(r.BikShimmer,{boxes:[{width:"56px",height:"20px"}]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:107,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:106,columnNumber:9},void 0)]},s,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:85,columnNumber:8},void 0)),!d&&a&&l&&c&&a.map(s=>e.jsxDEV("div",{className:"table-row",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(t.BodySecondary,{style:{color:n.COLORS.content.primary},children:l[s]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:125,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:124,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(t.BodySecondary,{style:{color:n.COLORS.content.primary},children:m?.[s]||"--"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:130,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:129,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(U.Button,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>c(s),disabled:!m?.[s]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:135,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:134,columnNumber:9},void 0)]},s,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:123,columnNumber:8},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:65,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:53,columnNumber:3},void 0)};exports.UnsatisfactoryCountIntentWiseModal=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("react"),s=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),x=require("./UnsatisfactoryCountIntentWiseModal.style.js"),U=require("../modals/styledModal.js"),i=require("../shimmer/ShimmerComponent/BikShimmer.js"),D=require("../button/Button.js"),h=y=>{const{storeId:a,setShowUnsatisfactoryResponseModal:b,showUnsatisfactoryResponseModal:p,ChecklistType:v,UnsatisfactoryResponseIntentList:r,viewIntentWiseUnsatisfactoryResponse:l,IntentHeaderTitle:c,fetchUnsatisfactoryResponseCountIntentWise:d}=y,[m,N]=t.useState(),[u,f]=t.useState(!1);return t.useEffect(()=>{!a||!d||(f(!0),d().then(n=>{N(n),f(!1)}))},[a]),e.jsxDEV(U.StyledModal,{onClose:()=>b(!1),open:p,headingTitle:"Improve unsatisfactory response",children:e.jsxDEV(x.ModalBody,{children:[e.jsxDEV("div",{children:e.jsxDEV(o.BodyPrimary,{style:{color:s.COLORS.content.primary},children:"Intent wise distribution of unsatisfactory response"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:60,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{className:"modal-table",children:[e.jsxDEV("div",{className:"table-row header",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(o.TitleSmall,{style:{color:s.COLORS.content.primary},children:"Intent"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:68,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(o.TitleSmall,{style:{color:s.COLORS.content.primary},children:"Unsatisfactory response"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:73,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:72,columnNumber:7},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(o.TitleSmall,{style:{color:s.COLORS.content.primary},children:"Action"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:77,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:66,columnNumber:6},void 0),u&&[0,1,2,3,4,5,6].map(n=>e.jsxDEV("div",{className:"table-row",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(i.BikShimmer,{boxes:[{width:"196px",height:"20px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:86,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(i.BikShimmer,{boxes:[{width:"176px",height:"20px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:97,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:96,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(i.BikShimmer,{boxes:[{width:"56px",height:"20px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:107,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:106,columnNumber:9},void 0)]},n,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:85,columnNumber:8},void 0)),!u&&r&&c&&l&&r.map(n=>e.jsxDEV("div",{className:"table-row",children:[e.jsxDEV("div",{className:"table-cell",children:e.jsxDEV(o.BodySecondary,{style:{color:s.COLORS.content.primary},children:c[n]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:125,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:124,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(o.BodySecondary,{style:{color:s.COLORS.content.primary},children:m?.[n]||"--"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:130,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:129,columnNumber:9},void 0),e.jsxDEV("div",{className:"table-cell center-align",children:e.jsxDEV(D.Button,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>l(n),disabled:!m?.[n]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:135,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:134,columnNumber:9},void 0)]},n,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:123,columnNumber:8},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:65,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx",lineNumber:53,columnNumber:3},void 0)};exports.UnsatisfactoryCountIntentWiseModal=h;
 //# sourceMappingURL=UnsatisfactoryCountIntentWiseModal.js.map