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

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppTextEditorHeader.js","sources":["../../../../src/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.tsx"],"sourcesContent":["// import EmojiPicker from 'emoji-picker-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport BoldIcon from '../../assets/icons/bold.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport ItalicIcon from '../../assets/icons/italic.svg';\nimport StrikeThroughIcon from '../../assets/icons/strikeThrough.svg';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport { AIActionToneOption, AIRephraseButton } from './AIRephraseButton';\n\nlet EmojiPicker: any = () => <></>;\nif (typeof window !== 'undefined') {\n\timport('emoji-picker-react').then((_module) => {\n\t\tEmojiPicker = _module.default;\n\t});\n}\n\nconst getIconColor = (isActive: boolean) => {\n\tif (isActive) return COLORS.background.inverseLight;\n\treturn COLORS.content.placeholder;\n};\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: row;\n\tpadding: 8px 12px;\n\talign-items: center;\n\tborder-radius: 0 0 4px 4px;\n\tgap: 6px;\n\tposition: relative;\n`;\nexport const CustomRightBorder = styled.div`\n\twidth: 2px;\n\theight: 12px;\n\tbackground: #e0e0e0;\n`;\n\nconst ButtonHolder = styled.div<{ active: boolean; disabled?: boolean }>`\n\tpadding: 2px 6px;\n\tbackground: ${(props) =>\n\t\tprops.active ? COLORS.background.inactive : 'transparent'};\n\tborder-radius: 4px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.45 : 1)};\n\tdisplay: flex;\n\t:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\tpadding: 3px 6px;\n\t}\n`;\n\nconst CustomRightSideContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tmargin-left: auto;\n`;\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 8px);\n\tz-index: 1;\n`;\n\nconst AIActionsContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tmargin-left: 8px;\n`;\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 14px;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ highlighted: boolean; disabled?: boolean }>`\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.highlighted ? '#ffe8ef' : COLORS.surface.standard};\n\tcolor: ${(props) =>\n\t\tprops.highlighted ? '#f53f77' : COLORS.content.secondary};\n\tborder-radius: 14px;\n\tpadding: 4px 6px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.disabled ? undefined : COLORS.surface.subdued};\n\t}\n`;\n\nexport enum EditorActionTypes {\n\t'BOLD' = 'BOLD',\n\t'ITALIC' = 'ITALIC',\n\t'STRIKETHROUGH' = 'STRIKETHROUGH',\n\t'EMOJI' = 'EMOJI',\n}\n\nexport enum AIEditorActionTypes {\n\tREPHRASE = 'rephrase',\n\tSHORTEN = 'shorten',\n\tEXPAND = 'expand',\n\tEMOJIFY = 'emojify',\n}\n\nexport type AIEditorActionType = AIEditorActionTypes;\nexport enum AIActionVariant {\n\tDEFAULT = 'default',\n\tREPHRASE = 'rephrase',\n}\n\nexport type AIHeaderAction = {\n\ttype: AIEditorActionType;\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\tshowToneDropdown?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tisPrimary?: boolean;\n};\n\n/** Props passed to optional `RightComponent` (e.g. Add variable). */\nexport type WhatsAppEditorRightSlotProps = {\n\t/**\n\t * True while an AI suggestion session is open (accept/reject) or while the model is generating.\n\t * Host should disable extra actions like “Add variable”.\n\t */\n\trightActionsDisabled?: boolean;\n};\n\nexport type WhatsAppTextEditorHeaderProps = {\n\tonActionSelect: (actionType: EditorActionTypes) => void;\n\tRightComponent?: React.ComponentType<WhatsAppEditorRightSlotProps>;\n\tonEmojiClick?: (emoji: string) => void;\n\tactions?: EditorActionTypes[];\n\taiActions?: AIHeaderAction[];\n\tonAIActionClick?: (\n\t\tactionType: AIEditorActionType,\n\t\tactionVariant?: AIActionVariant,\n\t) => void;\n\tonAIToneChange?: (actionType: AIEditorActionType, toneId: string) => void;\n\tonAIInstructionsClick?: () => void;\n\tinstructionActive?: boolean;\n\tdisableAllActions?: boolean;\n\trightActionsDisabled?: boolean;\n};\n\nexport const WhatsAppTextEditorHeader = React.forwardRef<\n\tHTMLTextAreaElement,\n\tWhatsAppTextEditorHeaderProps\n>(\n\t(\n\t\t{\n\t\t\tonActionSelect,\n\t\t\tRightComponent,\n\t\t\tonEmojiClick,\n\t\t\tactions,\n\t\t\taiActions,\n\t\t\tonAIActionClick,\n\t\t\tonAIToneChange,\n\t\t\tonAIInstructionsClick,\n\t\t\tinstructionActive,\n\t\t\tdisableAllActions,\n\t\t\trightActionsDisabled,\n\t\t},\n\t\t_ref,\n\t) => {\n\t\tvoid _ref;\n\t\tconst emojiPickerRef = useRef(null);\n\t\tconst [active, setActive] = useState({\n\t\t\t[EditorActionTypes.BOLD]: false,\n\t\t\t[EditorActionTypes.ITALIC]: false,\n\t\t\t[EditorActionTypes.STRIKETHROUGH]: false,\n\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t});\n\n\t\tconst closeEmojiPicker = useCallback(() => {\n\t\t\tsetActive((prev) => {\n\t\t\t\tif (!prev[EditorActionTypes.EMOJI]) {\n\t\t\t\t\treturn prev;\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}, []);\n\n\t\tuseOutside(emojiPickerRef, () => {\n\t\t\tcloseEmojiPicker();\n\t\t});\n\n\t\tuseEffect(() => {\n\t\t\tif (disableAllActions) {\n\t\t\t\tsetActive((prev) => {\n\t\t\t\t\tif (!prev[EditorActionTypes.EMOJI]) {\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}, [disableAllActions]);\n\n\t\tfunction handleClick(\n\t\t\te:\n\t\t\t\t| React.MouseEvent<HTMLDivElement, MouseEvent>\n\t\t\t\t| React.MouseEvent<SVGElement, MouseEvent>,\n\t\t\ttype: EditorActionTypes,\n\t\t) {\n\t\t\te.preventDefault?.();\n\n\t\t\tif (type === EditorActionTypes.EMOJI) {\n\t\t\t\tif (disableAllActions) return;\n\t\t\t\tsetActive((prev) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[EditorActionTypes.EMOJI]: !active.EMOJI,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tonActionSelect(type);\n\t\t}\n\n\t\tif (!actions?.length && !RightComponent && !aiActions?.length) return <></>;\n\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t{actions?.includes(EditorActionTypes.EMOJI) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Emoji'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.EMOJI}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.EMOJI);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EmojiIcon\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.EMOJI)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t{active.EMOJI && (\n\t\t\t\t\t\t\t<EmojiContainer ref={emojiPickerRef}>\n\t\t\t\t\t\t\t\t<EmojiPicker\n\t\t\t\t\t\t\t\t\tonEmojiClick={(data) => {\n\t\t\t\t\t\t\t\t\t\tcloseEmojiPicker();\n\t\t\t\t\t\t\t\t\t\tonEmojiClick?.(data.emoji);\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</EmojiContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{actions?.includes(EditorActionTypes.BOLD) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Bold'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.BOLD}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.BOLD);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BoldIcon\n\t\t\t\t\t\t\t\t\twidth={10}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.BOLD)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{actions?.includes(EditorActionTypes.ITALIC) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Italics'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.ITALIC);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tactive={!!active.ITALIC}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ItalicIcon\n\t\t\t\t\t\t\t\t\twidth={9}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.ITALIC)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{actions?.includes(EditorActionTypes.STRIKETHROUGH) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Strikethrough'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.STRIKETHROUGH}\n\t\t\t\t\t\t\t\tstyle={{ borderRight: 0 }}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.STRIKETHROUGH);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StrikeThroughIcon\n\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.STRIKETHROUGH)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{aiActions?.length ? (\n\t\t\t\t\t<AIActionsContainer>\n\t\t\t\t\t\t{aiActions.map((action) => {\n\t\t\t\t\t\t\tif (action.type === AIEditorActionTypes.REPHRASE) {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<AIRephraseButton\n\t\t\t\t\t\t\t\t\t\tkey={action.type}\n\t\t\t\t\t\t\t\t\t\tlabel={action.label}\n\t\t\t\t\t\t\t\t\t\tdisabled={disableAllActions || action.disabled}\n\t\t\t\t\t\t\t\t\t\tloading={action.loading}\n\t\t\t\t\t\t\t\t\t\thighlighted={action.highlighted}\n\t\t\t\t\t\t\t\t\t\ttones={action.tones}\n\t\t\t\t\t\t\t\t\t\tselectedToneId={action.selectedToneId}\n\t\t\t\t\t\t\t\t\t\tinstructionActive={instructionActive}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.DEFAULT);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonToneChange={(toneId) => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIToneChange?.(action.type, toneId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonInstructionsClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIInstructionsClick?.();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tshowSecondaryRephraseOption={\n\t\t\t\t\t\t\t\t\t\t\taction.label.toLowerCase() === 'meta safe rewrite'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonSecondaryRephraseClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.REPHRASE);\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\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div key={action.type}>\n\t\t\t\t\t\t\t\t\t<AIButtonGroup\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\tdisableAllActions || action.disabled || action.loading\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<AIButton\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\thighlighted={!!action.highlighted || !!action.isPrimary}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={action.disabled || action.loading}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.DEFAULT);\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\t\t{action.loading ? '...' : action.label}\n\t\t\t\t\t\t\t\t\t\t</AIButton>\n\t\t\t\t\t\t\t\t\t</AIButtonGroup>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</AIActionsContainer>\n\t\t\t\t) : null}\n\t\t\t\t<CustomRightSideContainer>\n\t\t\t\t\t{RightComponent && (\n\t\t\t\t\t\t<RightComponent rightActionsDisabled={!!rightActionsDisabled} />\n\t\t\t\t\t)}\n\t\t\t\t</CustomRightSideContainer>\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nWhatsAppTextEditorHeader.displayName = 'WhatsAppTextEditorHeader';\n"],"names":["EmojiPicker","jsxDEV","Fragment","this","_module","getIconColor","isActive","COLORS","Container","styled","CustomRightBorder","ButtonHolder","props","CustomRightSideContainer","EmojiContainer","AIActionsContainer","AIButtonGroup","AIButton","EditorActionTypes","AIEditorActionTypes","AIActionVariant","WhatsAppTextEditorHeader","React","onActionSelect","RightComponent","onEmojiClick","actions","aiActions","onAIActionClick","onAIToneChange","onAIInstructionsClick","instructionActive","disableAllActions","rightActionsDisabled","_ref","emojiPickerRef","useRef","active","setActive","useState","closeEmojiPicker","useCallback","prev","useOutside","useEffect","handleClick","e","type","Tooltip","EmojiIcon","data","BoldIcon","ItalicIcon","StrikeThroughIcon","action","AIRephraseButton","toneId"],"mappings":"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"}
+{"version":3,"file":"WhatsAppTextEditorHeader.js","sources":["../../../../src/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.tsx"],"sourcesContent":["// import EmojiPicker from 'emoji-picker-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport BoldIcon from '../../assets/icons/bold.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport ItalicIcon from '../../assets/icons/italic.svg';\nimport StrikeThroughIcon from '../../assets/icons/strikeThrough.svg';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport { AIActionToneOption, AIRephraseButton } from './AIRephraseButton';\n\nlet EmojiPicker: any = () => <></>;\nif (typeof window !== 'undefined') {\n\timport('emoji-picker-react').then((_module) => {\n\t\tEmojiPicker = _module.default;\n\t});\n}\n\nconst getIconColor = (isActive: boolean) => {\n\tif (isActive) return COLORS.background.inverseLight;\n\treturn COLORS.content.placeholder;\n};\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: row;\n\tpadding: 8px 12px;\n\talign-items: center;\n\tborder-radius: 0 0 4px 4px;\n\tgap: 6px;\n\tposition: relative;\n`;\nexport const CustomRightBorder = styled.div`\n\twidth: 2px;\n\theight: 12px;\n\tbackground: #e0e0e0;\n`;\n\nconst ButtonHolder = styled.div<{ active: boolean; disabled?: boolean }>`\n\tpadding: 2px 6px;\n\tbackground: ${(props) =>\n\t\tprops.active ? COLORS.background.inactive : 'transparent'};\n\tborder-radius: 4px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.45 : 1)};\n\tdisplay: flex;\n\t:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\tpadding: 3px 6px;\n\t}\n`;\n\nconst CustomRightSideContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tmargin-left: auto;\n`;\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 8px);\n\tz-index: 1;\n`;\n\nconst AIActionsContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tmargin-left: 8px;\n`;\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 14px;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ highlighted: boolean; disabled?: boolean }>`\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.highlighted ? '#ffe8ef' : COLORS.surface.standard};\n\tcolor: ${(props) =>\n\t\tprops.highlighted ? '#f53f77' : COLORS.content.secondary};\n\tborder-radius: 14px;\n\tpadding: 4px 6px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.disabled ? undefined : COLORS.surface.subdued};\n\t}\n`;\n\nexport enum EditorActionTypes {\n\t'BOLD' = 'BOLD',\n\t'ITALIC' = 'ITALIC',\n\t'STRIKETHROUGH' = 'STRIKETHROUGH',\n\t'EMOJI' = 'EMOJI',\n}\n\nexport enum AIEditorActionTypes {\n\tREPHRASE = 'rephrase',\n\tSHORTEN = 'shorten',\n\tEXPAND = 'expand',\n\tEMOJIFY = 'emojify',\n}\n\nexport type AIEditorActionType = AIEditorActionTypes;\nexport enum AIActionVariant {\n\tDEFAULT = 'default',\n\tREPHRASE = 'rephrase',\n}\n\nexport type AIHeaderAction = {\n\ttype: AIEditorActionType;\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\tshowToneDropdown?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tisPrimary?: boolean;\n};\n\n/** Props passed to optional `RightComponent` (e.g. Add variable). */\nexport type WhatsAppEditorRightSlotProps = {\n\t/**\n\t * True while an AI suggestion session is open (accept/reject) or while the model is generating.\n\t * Host should disable extra actions like “Add variable”.\n\t */\n\trightActionsDisabled?: boolean;\n};\n\nexport type WhatsAppTextEditorHeaderProps = {\n\tonActionSelect: (actionType: EditorActionTypes) => void;\n\tRightComponent?: React.ComponentType<WhatsAppEditorRightSlotProps>;\n\tonEmojiClick?: (emoji: string) => void;\n\tactions?: EditorActionTypes[];\n\taiActions?: AIHeaderAction[];\n\tonAIActionClick?: (\n\t\tactionType: AIEditorActionType,\n\t\tactionVariant?: AIActionVariant,\n\t) => void;\n\tonAIToneChange?: (actionType: AIEditorActionType, toneId: string) => void;\n\tonAIInstructionsClick?: () => void;\n\tinstructionActive?: boolean;\n\tdisableAllActions?: boolean;\n\trightActionsDisabled?: boolean;\n};\n\nexport const WhatsAppTextEditorHeader = React.forwardRef<\n\tHTMLTextAreaElement,\n\tWhatsAppTextEditorHeaderProps\n>(\n\t(\n\t\t{\n\t\t\tonActionSelect,\n\t\t\tRightComponent,\n\t\t\tonEmojiClick,\n\t\t\tactions,\n\t\t\taiActions,\n\t\t\tonAIActionClick,\n\t\t\tonAIToneChange,\n\t\t\tonAIInstructionsClick,\n\t\t\tinstructionActive,\n\t\t\tdisableAllActions,\n\t\t\trightActionsDisabled,\n\t\t},\n\t\t_ref,\n\t) => {\n\t\tvoid _ref;\n\t\tconst emojiPickerRef = useRef(null);\n\t\tconst [active, setActive] = useState({\n\t\t\t[EditorActionTypes.BOLD]: false,\n\t\t\t[EditorActionTypes.ITALIC]: false,\n\t\t\t[EditorActionTypes.STRIKETHROUGH]: false,\n\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t});\n\n\t\tconst closeEmojiPicker = useCallback(() => {\n\t\t\tsetActive((prev) => {\n\t\t\t\tif (!prev[EditorActionTypes.EMOJI]) {\n\t\t\t\t\treturn prev;\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}, []);\n\n\t\tuseOutside(emojiPickerRef, () => {\n\t\t\tcloseEmojiPicker();\n\t\t});\n\n\t\tuseEffect(() => {\n\t\t\tif (disableAllActions) {\n\t\t\t\tsetActive((prev) => {\n\t\t\t\t\tif (!prev[EditorActionTypes.EMOJI]) {\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[EditorActionTypes.EMOJI]: false,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}, [disableAllActions]);\n\n\t\tfunction handleClick(\n\t\t\te:\n\t\t\t\t| React.MouseEvent<HTMLDivElement, MouseEvent>\n\t\t\t\t| React.MouseEvent<SVGElement, MouseEvent>,\n\t\t\ttype: EditorActionTypes,\n\t\t) {\n\t\t\te.preventDefault?.();\n\n\t\t\tif (type === EditorActionTypes.EMOJI) {\n\t\t\t\tif (disableAllActions) return;\n\t\t\t\tsetActive((prev) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[EditorActionTypes.EMOJI]: !active.EMOJI,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tonActionSelect(type);\n\t\t}\n\n\t\tif (!actions?.length && !RightComponent && !aiActions?.length) return <></>;\n\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t{actions?.includes(EditorActionTypes.EMOJI) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Emoji'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.EMOJI}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.EMOJI);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EmojiIcon\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.EMOJI)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t{active.EMOJI && (\n\t\t\t\t\t\t\t<EmojiContainer ref={emojiPickerRef}>\n\t\t\t\t\t\t\t\t<EmojiPicker\n\t\t\t\t\t\t\t\t\tonEmojiClick={(data) => {\n\t\t\t\t\t\t\t\t\t\tcloseEmojiPicker();\n\t\t\t\t\t\t\t\t\t\tonEmojiClick?.(data.emoji);\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</EmojiContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{actions?.includes(EditorActionTypes.BOLD) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Bold'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.BOLD}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.BOLD);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BoldIcon\n\t\t\t\t\t\t\t\t\twidth={10}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.BOLD)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{actions?.includes(EditorActionTypes.ITALIC) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Italics'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.ITALIC);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tactive={!!active.ITALIC}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ItalicIcon\n\t\t\t\t\t\t\t\t\twidth={9}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.ITALIC)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{actions?.includes(EditorActionTypes.STRIKETHROUGH) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip body={'Strikethrough'} placement=\"bottom\">\n\t\t\t\t\t\t\t<ButtonHolder\n\t\t\t\t\t\t\t\tdisabled={disableAllActions}\n\t\t\t\t\t\t\t\tactive={!!active.STRIKETHROUGH}\n\t\t\t\t\t\t\t\tstyle={{ borderRight: 0 }}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\thandleClick(e, EditorActionTypes.STRIKETHROUGH);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StrikeThroughIcon\n\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\tcolor={getIconColor(active.STRIKETHROUGH)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ButtonHolder>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{aiActions?.length ? (\n\t\t\t\t\t<AIActionsContainer>\n\t\t\t\t\t\t{aiActions.map((action) => {\n\t\t\t\t\t\t\tif (action.type === AIEditorActionTypes.REPHRASE) {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<AIRephraseButton\n\t\t\t\t\t\t\t\t\t\tkey={action.type}\n\t\t\t\t\t\t\t\t\t\tlabel={action.label}\n\t\t\t\t\t\t\t\t\t\tdisabled={disableAllActions || action.disabled}\n\t\t\t\t\t\t\t\t\t\tloading={action.loading}\n\t\t\t\t\t\t\t\t\t\thighlighted={action.highlighted}\n\t\t\t\t\t\t\t\t\t\ttones={action.tones}\n\t\t\t\t\t\t\t\t\t\tselectedToneId={action.selectedToneId}\n\t\t\t\t\t\t\t\t\t\tinstructionActive={instructionActive}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.DEFAULT);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonToneChange={(toneId) => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIToneChange?.(action.type, toneId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonInstructionsClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIInstructionsClick?.();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tshowSecondaryRephraseOption={\n\t\t\t\t\t\t\t\t\t\t\taction.label.toLowerCase() === 'meta safe rewrite'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonSecondaryRephraseClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.REPHRASE);\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\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div key={action.type}>\n\t\t\t\t\t\t\t\t\t<AIButtonGroup\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\tdisableAllActions || action.disabled || action.loading\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<AIButton\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\thighlighted={!!action.highlighted || !!action.isPrimary}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={action.disabled || action.loading}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (disableAllActions) return;\n\t\t\t\t\t\t\t\t\t\t\t\tonAIActionClick?.(action.type, AIActionVariant.DEFAULT);\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\t\t{action.loading ? '...' : action.label}\n\t\t\t\t\t\t\t\t\t\t</AIButton>\n\t\t\t\t\t\t\t\t\t</AIButtonGroup>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</AIActionsContainer>\n\t\t\t\t) : null}\n\t\t\t\t<CustomRightSideContainer>\n\t\t\t\t\t{RightComponent && (\n\t\t\t\t\t\t<RightComponent rightActionsDisabled={!!rightActionsDisabled} />\n\t\t\t\t\t)}\n\t\t\t\t</CustomRightSideContainer>\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nWhatsAppTextEditorHeader.displayName = 'WhatsAppTextEditorHeader';\n"],"names":["EmojiPicker","jsxDEV","Fragment","this","_module","getIconColor","isActive","COLORS","Container","styled","CustomRightBorder","ButtonHolder","props","CustomRightSideContainer","EmojiContainer","AIActionsContainer","AIButtonGroup","AIButton","EditorActionTypes","AIEditorActionTypes","AIActionVariant","WhatsAppTextEditorHeader","React","onActionSelect","RightComponent","onEmojiClick","actions","aiActions","onAIActionClick","onAIToneChange","onAIInstructionsClick","instructionActive","disableAllActions","rightActionsDisabled","_ref","emojiPickerRef","useRef","active","setActive","useState","closeEmojiPicker","useCallback","prev","useOutside","useEffect","handleClick","e","type","Tooltip","EmojiIcon","data","BoldIcon","ItalicIcon","StrikeThroughIcon","action","AIRephraseButton","toneId"],"mappings":"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"}

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),y=require("../../assets/icons/alert.svg.js"),D=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),e=require("./AccessTokenTroubleshootDialog.styles.js"),N=require("../modals/styledModal.js"),f=({info:s,hideBullet:r,last:i})=>o.jsxDEV(e.EachStep,{last:i,children:[!r&&o.jsxDEV(e.BulletWrapper,{children:o.jsxDEV(e.Bullet,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:35,columnNumber:5},void 0),o.jsxDEV(n.BodyCaption,{dangerouslySetInnerHTML:{__html:s}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:33,columnNumber:3},void 0),g=({onCancel:s,titleIconContainerStyles:r,isModalOpen:i,title:m,desc:b,primaryButton:t,TitleIcon:a,stepsDetails:l,titleIconColor:h,secondaryButtonText:k,content:c})=>o.jsxDEV(N.StyledModal,{open:!!i,primaryButton:t?{...t}:void 0,secondaryButton:{buttonText:k??"Cancel",onClick:s,buttonType:"tertiaryGray"},onClose:s,children:[o.jsxDEV(e.Header,{children:[o.jsxDEV(e.IconContainer,{style:{...r},children:a?o.jsxDEV(a,{width:18,height:18,color:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:89,columnNumber:7},void 0):o.jsxDEV(y.default,{width:18,height:18,color:D.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:87,columnNumber:5},void 0),o.jsxDEV(n.TitleMedium,{children:m},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:86,columnNumber:4},void 0),o.jsxDEV(e.Description,{children:o.jsxDEV(n.BodySecondary,{dangerouslySetInnerHTML:{__html:b}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:96,columnNumber:4},void 0),o.jsxDEV(e.StepsContainer,{children:[l&&!!l.length&&o.jsxDEV(o.Fragment,{children:[o.jsxDEV(n.TitleSmall,{children:"Follow the steps:"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:102,columnNumber:7},void 0),l.map((u,d)=>o.jsxDEV(f,{info:u.info,hideBullet:u.hideBullet,last:l.length-1===d},d,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:105,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:101,columnNumber:6},void 0),c&&o.jsxDEV(n.BodySecondary,{dangerouslySetInnerHTML:{__html:c}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:116,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:99,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:70,columnNumber:3},void 0);exports.AccessTokenTroubleshootDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),p=require("../../assets/icons/alert.svg.js"),N=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js"),f=require("../modals/styledModal.js"),g=({info:n,hideBullet:t,last:c})=>e.jsxDEV(o.EachStep,{last:c,children:[!t&&e.jsxDEV(o.BulletWrapper,{children:e.jsxDEV(o.Bullet,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:35,columnNumber:5},void 0),e.jsxDEV(s.BodyCaption,{dangerouslySetInnerHTML:{__html:n}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:33,columnNumber:3},void 0),T=({onCancel:n,titleIconContainerStyles:t,isModalOpen:c,title:b,desc:d,primaryButton:l,TitleIcon:i,stepsDetails:r,titleIconColor:h,secondaryButtonText:k,content:a})=>e.jsxDEV(f.StyledModal,{open:!!c,primaryButton:l?{...l}:void 0,secondaryButton:{buttonText:k??"Cancel",onClick:n,buttonType:"tertiaryGray"},onClose:n,children:[e.jsxDEV(o.Header,{children:[e.jsxDEV(o.IconContainer,{style:{...t},children:i?e.jsxDEV(i,{width:18,height:18,color:h},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:89,columnNumber:7},void 0):e.jsxDEV(p.default,{width:18,height:18,color:N.COLORS.content.negative},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:87,columnNumber:5},void 0),e.jsxDEV(s.TitleMedium,{children:b},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:86,columnNumber:4},void 0),e.jsxDEV(o.Description,{children:e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:d}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:96,columnNumber:4},void 0),e.jsxDEV(o.StepsContainer,{children:[r&&!!r.length&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV(s.TitleSmall,{children:"Follow the steps:"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:102,columnNumber:7},void 0),r.map((u,m)=>e.jsxDEV(g,{info:u.info,hideBullet:u.hideBullet,last:r.length-1===m},m,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:105,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:101,columnNumber:6},void 0),a&&e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:a}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:116,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:99,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:70,columnNumber:3},void 0);exports.AccessTokenTroubleshootDialog=T;
 //# sourceMappingURL=AccessTokenTroubleshootDialog.js.map

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessTokenTroubleshootDialog.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport React, { CSSProperties } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\nimport { StyledModal } from '../modals';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBullet,\n\tBulletWrapper,\n\tDescription,\n\tEachStep,\n\tHeader,\n\tIconContainer,\n\tStepsContainer,\n} from './AccessTokenTroubleshootDialog.styles';\n\nexport interface StepsDetails {\n\tinfo: string;\n\thideBullet?: boolean;\n}\n\nconst Step: React.FC<{\n\tinfo: string;\n\thideBullet?: boolean;\n\tlast?: boolean;\n}> = ({ info, hideBullet, last }) => {\n\treturn (\n\t\t<EachStep last={last}>\n\t\t\t{!hideBullet && (\n\t\t\t\t<BulletWrapper>\n\t\t\t\t\t<Bullet />\n\t\t\t\t</BulletWrapper>\n\t\t\t)}\n\t\t\t<BodyCaption dangerouslySetInnerHTML={{ __html: info }} />\n\t\t</EachStep>\n\t);\n};\n\nexport const AccessTokenTroubleshootDialog: React.FC<{\n\tonCancel: () => void;\n\ttitleIconContainerStyles?: CSSProperties;\n\ttitle: string;\n\tTitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tdesc: string;\n\tprimaryButton: ButtonProps | undefined;\n\tisModalOpen: boolean;\n\tstepsDetails?: StepsDetails[];\n\ttitleIconColor?: string;\n\tcontent?: string;\n\tsecondaryButtonText?: string;\n}> = ({\n\tonCancel,\n\ttitleIconContainerStyles,\n\tisModalOpen,\n\ttitle,\n\tdesc,\n\tprimaryButton,\n\tTitleIcon,\n\tstepsDetails,\n\ttitleIconColor,\n\tsecondaryButtonText,\n\tcontent,\n}) => {\n\treturn (\n\t\t<StyledModal\n\t\t\topen={!!isModalOpen}\n\t\t\tprimaryButton={\n\t\t\t\tprimaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...primaryButton,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: secondaryButtonText ?? 'Cancel',\n\t\t\t\tonClick: onCancel,\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t}}\n\t\t\tonClose={onCancel}\n\t\t>\n\t\t\t<Header>\n\t\t\t\t<IconContainer style={{ ...titleIconContainerStyles }}>\n\t\t\t\t\t{TitleIcon ? (\n\t\t\t\t\t\t<TitleIcon width={18} height={18} color={titleIconColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<AlertIcon width={18} height={18} color={COLORS.content.negative} />\n\t\t\t\t\t)}\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleMedium>{title}</TitleMedium>\n\t\t\t</Header>\n\t\t\t<Description>\n\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: desc }} />\n\t\t\t</Description>\n\t\t\t<StepsContainer>\n\t\t\t\t{stepsDetails && !!stepsDetails.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TitleSmall>Follow the steps:</TitleSmall>\n\t\t\t\t\t\t{stepsDetails.map((step, ind) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Step\n\t\t\t\t\t\t\t\t\tkey={ind}\n\t\t\t\t\t\t\t\t\tinfo={step.info}\n\t\t\t\t\t\t\t\t\thideBullet={step.hideBullet}\n\t\t\t\t\t\t\t\t\tlast={stepsDetails.length - 1 === ind}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{content && (\n\t\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: content }} />\n\t\t\t\t)}\n\t\t\t</StepsContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["Step","info","hideBullet","last","jsxDEV","EachStep","BulletWrapper","Bullet","this","BodyCaption","AccessTokenTroubleshootDialog","onCancel","titleIconContainerStyles","isModalOpen","title","desc","primaryButton","TitleIcon","stepsDetails","titleIconColor","secondaryButtonText","content","StyledModal","Header","IconContainer","AlertIcon","COLORS","TitleMedium","Description","BodySecondary","StepsContainer","Fragment","TitleSmall","step","ind"],"mappings":"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"}
+{"version":3,"file":"AccessTokenTroubleshootDialog.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport React, { CSSProperties } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\nimport { StyledModal } from '../modals';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBullet,\n\tBulletWrapper,\n\tDescription,\n\tEachStep,\n\tHeader,\n\tIconContainer,\n\tStepsContainer,\n} from './AccessTokenTroubleshootDialog.styles';\n\nexport interface StepsDetails {\n\tinfo: string;\n\thideBullet?: boolean;\n}\n\nconst Step: React.FC<{\n\tinfo: string;\n\thideBullet?: boolean;\n\tlast?: boolean;\n}> = ({ info, hideBullet, last }) => {\n\treturn (\n\t\t<EachStep last={last}>\n\t\t\t{!hideBullet && (\n\t\t\t\t<BulletWrapper>\n\t\t\t\t\t<Bullet />\n\t\t\t\t</BulletWrapper>\n\t\t\t)}\n\t\t\t<BodyCaption dangerouslySetInnerHTML={{ __html: info }} />\n\t\t</EachStep>\n\t);\n};\n\nexport const AccessTokenTroubleshootDialog: React.FC<{\n\tonCancel: () => void;\n\ttitleIconContainerStyles?: CSSProperties;\n\ttitle: string;\n\tTitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tdesc: string;\n\tprimaryButton: ButtonProps | undefined;\n\tisModalOpen: boolean;\n\tstepsDetails?: StepsDetails[];\n\ttitleIconColor?: string;\n\tcontent?: string;\n\tsecondaryButtonText?: string;\n}> = ({\n\tonCancel,\n\ttitleIconContainerStyles,\n\tisModalOpen,\n\ttitle,\n\tdesc,\n\tprimaryButton,\n\tTitleIcon,\n\tstepsDetails,\n\ttitleIconColor,\n\tsecondaryButtonText,\n\tcontent,\n}) => {\n\treturn (\n\t\t<StyledModal\n\t\t\topen={!!isModalOpen}\n\t\t\tprimaryButton={\n\t\t\t\tprimaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...primaryButton,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: secondaryButtonText ?? 'Cancel',\n\t\t\t\tonClick: onCancel,\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t}}\n\t\t\tonClose={onCancel}\n\t\t>\n\t\t\t<Header>\n\t\t\t\t<IconContainer style={{ ...titleIconContainerStyles }}>\n\t\t\t\t\t{TitleIcon ? (\n\t\t\t\t\t\t<TitleIcon width={18} height={18} color={titleIconColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<AlertIcon width={18} height={18} color={COLORS.content.negative} />\n\t\t\t\t\t)}\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleMedium>{title}</TitleMedium>\n\t\t\t</Header>\n\t\t\t<Description>\n\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: desc }} />\n\t\t\t</Description>\n\t\t\t<StepsContainer>\n\t\t\t\t{stepsDetails && !!stepsDetails.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TitleSmall>Follow the steps:</TitleSmall>\n\t\t\t\t\t\t{stepsDetails.map((step, ind) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Step\n\t\t\t\t\t\t\t\t\tkey={ind}\n\t\t\t\t\t\t\t\t\tinfo={step.info}\n\t\t\t\t\t\t\t\t\thideBullet={step.hideBullet}\n\t\t\t\t\t\t\t\t\tlast={stepsDetails.length - 1 === ind}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{content && (\n\t\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: content }} />\n\t\t\t\t)}\n\t\t\t</StepsContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["Step","info","hideBullet","last","jsxDEV","EachStep","BulletWrapper","Bullet","this","BodyCaption","AccessTokenTroubleshootDialog","onCancel","titleIconContainerStyles","isModalOpen","title","desc","primaryButton","TitleIcon","stepsDetails","titleIconColor","secondaryButtonText","content","StyledModal","Header","IconContainer","AlertIcon","COLORS","TitleMedium","Description","BodySecondary","StepsContainer","Fragment","TitleSmall","step","ind"],"mappings":"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"}

package/dist/cjs/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),t=require("react"),s=require("../TypographyStyle.js"),l=require("./Accordion.style.js"),u=require("./AccordionArrow.js"),b=require("../button/Button.js"),f=require("../icon-button/IconButton.js"),y=e=>{const[i,m]=t.useState(!1),c=t.useRef(null),r=t.useRef(null);t.useEffect(()=>{e.autoOpen&&a(e.autoOpen,{})},[e.autoOpen]),t.useEffect(()=>{e.isOpen!==void 0&&a(e.isOpen,{})},[e.isOpen]);const a=(n,d)=>{!r.current||!c.current||d.type==="keydown"&&d.key!=="Enter"||(n!==i&&m(n),n?(r.current.style.maxHeight=(e.childrenMaxHeight??r.current.scrollHeight)+"px",c.current.style.transform="rotate(180deg)",c.current.style.transition="transform 0.25s ease-in-out",r.current.style.transition="max-height 0.25s ease-in-out"):(r.current.style.maxHeight="",c.current.style.transform="rotate(0deg)",c.current.style.transition="transform 0.25s ease-in-out",r.current.style.transition="padding 0s"),e.onToggleAccordion?.(n))};return t.useEffect(()=>{const n=new MutationObserver(()=>{i&&r.current&&(r.current.style.maxHeight=r.current.scrollHeight+"px")});return r.current&&n.observe(r.current,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[i]),t.useEffect(()=>{i&&e?.refresh&&r?.current?.scrollHeight&&!e.childrenMaxHeight&&setTimeout(()=>{r.current.style.maxHeight=r.current.scrollHeight+"px"},100)},[i,e?.refresh,r?.current?.scrollHeight]),o.jsxDEV(l.default,{className:"accordion",isActive:i,width:e?.width,contentMargin:e?.contentMargin,headerPadding:e.headerPadding,skipHoverState:e.skipHoverHeader,showBorders:e.showBorders,borderColor:e.borderColor,backgroundColor:e.backgroundColor,openDirection:e.openDirection,borderRadius:e.borderRadius,children:[o.jsxDEV("div",{className:`accordion__overview ${i?"active":""}`,style:e?.containerStyle??{},onClick:n=>a(!i,n),onKeyDown:n=>a(!i,n),role:"button",tabIndex:0,children:[!e.rightActionComponent&&o.jsxDEV(o.Fragment,{children:[o.jsxDEV("div",{className:"accordion__overview__header",style:e.headerStyles??{},children:[o.jsxDEV(l.AccordionHeaderGroup,{children:[typeof e.header=="string"?o.jsxDEV(s.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:127,columnNumber:10},void 0):e.header,e.buttonLinkText&&o.jsxDEV(b.Button,{buttonText:e.buttonLinkText,buttonType:"text",darkMode:!0,onClick:e.onButtonLinkClick},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:132,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:125,columnNumber:8},void 0),o.jsxDEV(l.AccordionHeaderGroup2,{children:[e.headerButtons&&o.jsxDEV("div",{className:"accordion__overview__header-buttons",children:e.headerButtons?.map(n=>o.jsxDEV(f.IconButton,{Icon:n.icon,onClick:d=>{d.stopPropagation(),n.onClick()},width:16,height:16,style:n.style,title:n.title},n.title,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:144,columnNumber:12},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:142,columnNumber:10},void 0),o.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:159,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:140,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:121,columnNumber:7},void 0),e?.subHeader?e?.subHeader:null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:120,columnNumber:6},void 0),e.rightActionComponent&&o.jsxDEV("div",{className:"accordion__overview__header",children:[o.jsxDEV("div",{className:"accordion__overview__title-wrapper",children:[o.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:172,columnNumber:8},void 0),typeof e.header=="string"?o.jsxDEV(s.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:178,columnNumber:9},void 0):e.header]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:171,columnNumber:7},void 0),o.jsxDEV("div",{onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key==="Enter"&&n.stopPropagation()},role:"button",tabIndex:0,children:e.rightActionComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:170,columnNumber:6},void 0),e?.caption&&o.jsxDEV("div",{className:"accordion__overview__caption",children:o.jsxDEV(s.BodySecondary,{children:o.jsxDEV("div",{style:e.captionStyle,children:e.caption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:198,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:196,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:111,columnNumber:4},void 0),o.jsxDEV("div",{ref:r,className:"accordion__content",children:e.children},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:203,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:98,columnNumber:3},void 0)};exports.BikAccordion=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),t=require("react"),d=require("../TypographyStyle.js"),l=require("./Accordion.style.js"),u=require("./AccordionArrow.js"),h=require("../button/Button.js"),b=require("../icon-button/IconButton.js"),f=e=>{const[c,m]=t.useState(!1),i=t.useRef(null),o=t.useRef(null);t.useEffect(()=>{e.autoOpen&&a(e.autoOpen,{})},[e.autoOpen]),t.useEffect(()=>{e.isOpen!==void 0&&a(e.isOpen,{})},[e.isOpen]);const a=(n,s)=>{!o.current||!i.current||s.type==="keydown"&&s.key!=="Enter"||(n!==c&&m(n),n?(o.current.style.maxHeight=(e.childrenMaxHeight??o.current.scrollHeight)+"px",i.current.style.transform="rotate(180deg)",i.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="max-height 0.25s ease-in-out"):(o.current.style.maxHeight="",i.current.style.transform="rotate(0deg)",i.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="padding 0s"),e.onToggleAccordion?.(n))};return t.useEffect(()=>{const n=new MutationObserver(()=>{c&&o.current&&(o.current.style.maxHeight=o.current.scrollHeight+"px")});return o.current&&n.observe(o.current,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[c]),t.useEffect(()=>{c&&e?.refresh&&o?.current?.scrollHeight&&!e.childrenMaxHeight&&setTimeout(()=>{o.current.style.maxHeight=o.current.scrollHeight+"px"},100)},[c,e?.refresh,o?.current?.scrollHeight]),r.jsxDEV(l.default,{className:"accordion",isActive:c,width:e?.width,contentMargin:e?.contentMargin,headerPadding:e.headerPadding,skipHoverState:e.skipHoverHeader,showBorders:e.showBorders,borderColor:e.borderColor,backgroundColor:e.backgroundColor,openDirection:e.openDirection,borderRadius:e.borderRadius,children:[r.jsxDEV("div",{className:`accordion__overview ${c?"active":""}`,style:e?.containerStyle??{},onClick:n=>a(!c,n),onKeyDown:n=>a(!c,n),role:"button",tabIndex:0,children:[!e.rightActionComponent&&r.jsxDEV(r.Fragment,{children:[r.jsxDEV("div",{className:"accordion__overview__header",style:e.headerStyles??{},children:[r.jsxDEV(l.AccordionHeaderGroup,{children:[typeof e.header=="string"?r.jsxDEV(d.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:127,columnNumber:10},void 0):e.header,e.buttonLinkText&&r.jsxDEV(h.Button,{buttonText:e.buttonLinkText,buttonType:"text",darkMode:!0,onClick:e.onButtonLinkClick},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:132,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:125,columnNumber:8},void 0),r.jsxDEV(l.AccordionHeaderGroup2,{children:[e.headerButtons&&r.jsxDEV("div",{className:"accordion__overview__header-buttons",children:e.headerButtons?.map(n=>r.jsxDEV(b.IconButton,{Icon:n.icon,onClick:s=>{s.stopPropagation(),n.onClick()},width:16,height:16,style:n.style,title:n.title},n.title,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:144,columnNumber:12},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:142,columnNumber:10},void 0),r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:159,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:140,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:121,columnNumber:7},void 0),e?.subHeader?e?.subHeader:null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:120,columnNumber:6},void 0),e.rightActionComponent&&r.jsxDEV("div",{className:"accordion__overview__header",children:[r.jsxDEV("div",{className:"accordion__overview__title-wrapper",children:[r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:172,columnNumber:8},void 0),typeof e.header=="string"?r.jsxDEV(d.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:178,columnNumber:9},void 0):e.header]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:171,columnNumber:7},void 0),r.jsxDEV("div",{onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key==="Enter"&&n.stopPropagation()},role:"button",tabIndex:0,children:e.rightActionComponent},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:170,columnNumber:6},void 0),e?.caption&&r.jsxDEV("div",{className:"accordion__overview__caption",children:r.jsxDEV(d.BodySecondary,{children:r.jsxDEV("div",{style:e.captionStyle,children:e.caption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:198,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:196,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:111,columnNumber:4},void 0),r.jsxDEV("div",{ref:o,className:"accordion__content",children:e.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:203,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:98,columnNumber:3},void 0)};exports.BikAccordion=f;
 //# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import React, { LegacyRef, useEffect, useRef, useState } from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { AccordionProps } from './Accordion.model';\nimport AccordionStyle, {\n\tAccordionHeaderGroup,\n\tAccordionHeaderGroup2,\n} from './Accordion.style';\nimport BikAccordionArrow from './AccordionArrow';\n\nexport const BikAccordion: React.FC<AccordionProps> = (props) => {\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst accordionArrowRef = useRef<HTMLDivElement>(null);\n\tconst accordionContentRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tif (props.autoOpen) {\n\t\t\ttoggleAccordion(props.autoOpen, {});\n\t\t}\n\t}, [props.autoOpen]);\n\n\t// Listen to changes in the isOpen prop to control the accordion state\n\tuseEffect(() => {\n\t\tif (props.isOpen !== undefined) {\n\t\t\ttoggleAccordion(props.isOpen, {});\n\t\t}\n\t}, [props.isOpen]);\n\n\tconst toggleAccordion = (state: boolean, event: any) => {\n\t\tif (!accordionContentRef.current || !accordionArrowRef.current) return;\n\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update state only if it's different from the current state\n\t\tif (state !== isActive) {\n\t\t\tsetIsActive(state);\n\t\t}\n\n\t\tif (state) {\n\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t(props.childrenMaxHeight ?? accordionContentRef.current.scrollHeight) +\n\t\t\t\t'px';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(180deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition =\n\t\t\t\t'max-height 0.25s ease-in-out';\n\t\t} else {\n\t\t\taccordionContentRef.current.style.maxHeight = '';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(0deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition = 'padding 0s';\n\t\t}\n\n\t\tprops.onToggleAccordion?.(state);\n\t};\n\n\t// Monitor changes in accordion content\n\tuseEffect(() => {\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (isActive && accordionContentRef.current) {\n\t\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current.scrollHeight + 'px';\n\t\t\t}\n\t\t});\n\n\t\tif (accordionContentRef.current) {\n\t\t\tobserver.observe(accordionContentRef.current, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: true,\n\t\t\t});\n\t\t}\n\n\t\t// Cleanup observer on unmount\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [isActive]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tisActive &&\n\t\t\tprops?.refresh &&\n\t\t\taccordionContentRef?.current?.scrollHeight &&\n\t\t\t!props.childrenMaxHeight\n\t\t) {\n\t\t\tsetTimeout(() => {\n\t\t\t\taccordionContentRef.current!.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current!.scrollHeight + 'px';\n\t\t\t}, 100);\n\t\t}\n\t}, [isActive, props?.refresh, accordionContentRef?.current?.scrollHeight]);\n\n\treturn (\n\t\t<AccordionStyle\n\t\t\tclassName=\"accordion\"\n\t\t\tisActive={isActive}\n\t\t\twidth={props?.width}\n\t\t\tcontentMargin={props?.contentMargin}\n\t\t\theaderPadding={props.headerPadding}\n\t\t\tskipHoverState={props.skipHoverHeader}\n\t\t\tshowBorders={props.showBorders}\n\t\t\tborderColor={props.borderColor}\n\t\t\tbackgroundColor={props.backgroundColor}\n\t\t\topenDirection={props.openDirection}\n\t\t\tborderRadius={props.borderRadius}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`accordion__overview ${isActive ? 'active' : ''}`}\n\t\t\t\tstyle={props?.containerStyle ?? {}}\n\t\t\t\tonClick={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\tonKeyDown={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t>\n\t\t\t\t{!props.rightActionComponent && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"accordion__overview__header\"\n\t\t\t\t\t\t\tstyle={props.headerStyles ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AccordionHeaderGroup>\n\t\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.buttonLinkText && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={props.buttonLinkText}\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\t\tdarkMode\n\t\t\t\t\t\t\t\t\t\tonClick={props.onButtonLinkClick}\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</AccordionHeaderGroup>\n\t\t\t\t\t\t\t<AccordionHeaderGroup2>\n\t\t\t\t\t\t\t\t{props.headerButtons && (\n\t\t\t\t\t\t\t\t\t<div className=\"accordion__overview__header-buttons\">\n\t\t\t\t\t\t\t\t\t\t{props.headerButtons?.map((button) => (\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tkey={button.title}\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={button.icon}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tbutton.onClick();\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\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={button.style}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={button.title}\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</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AccordionHeaderGroup2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props?.subHeader ? props?.subHeader : null}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{props.rightActionComponent && (\n\t\t\t\t\t<div className=\"accordion__overview__header\">\n\t\t\t\t\t\t<div className=\"accordion__overview__title-wrapper\">\n\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === 'Enter') e.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.rightActionComponent}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props?.caption && (\n\t\t\t\t\t<div className=\"accordion__overview__caption\">\n\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t<div style={props.captionStyle}>{props.caption}</div>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tref={accordionContentRef as LegacyRef<HTMLDivElement>}\n\t\t\t\tclassName=\"accordion__content\"\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</AccordionStyle>\n\t);\n};\n"],"names":["BikAccordion","props","isActive","setIsActive","useState","accordionArrowRef","useRef","accordionContentRef","useEffect","toggleAccordion","state","event","observer","jsxDEV","AccordionStyle","Fragment","AccordionHeaderGroup","TitleRegular","this","Button","AccordionHeaderGroup2","button","IconButton","e","BikAccordionArrow","BodySecondary"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import React, { LegacyRef, useEffect, useRef, useState } from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { AccordionProps } from './Accordion.model';\nimport AccordionStyle, {\n\tAccordionHeaderGroup,\n\tAccordionHeaderGroup2,\n} from './Accordion.style';\nimport BikAccordionArrow from './AccordionArrow';\n\nexport const BikAccordion: React.FC<AccordionProps> = (props) => {\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst accordionArrowRef = useRef<HTMLDivElement>(null);\n\tconst accordionContentRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tif (props.autoOpen) {\n\t\t\ttoggleAccordion(props.autoOpen, {});\n\t\t}\n\t}, [props.autoOpen]);\n\n\t// Listen to changes in the isOpen prop to control the accordion state\n\tuseEffect(() => {\n\t\tif (props.isOpen !== undefined) {\n\t\t\ttoggleAccordion(props.isOpen, {});\n\t\t}\n\t}, [props.isOpen]);\n\n\tconst toggleAccordion = (state: boolean, event: any) => {\n\t\tif (!accordionContentRef.current || !accordionArrowRef.current) return;\n\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update state only if it's different from the current state\n\t\tif (state !== isActive) {\n\t\t\tsetIsActive(state);\n\t\t}\n\n\t\tif (state) {\n\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t(props.childrenMaxHeight ?? accordionContentRef.current.scrollHeight) +\n\t\t\t\t'px';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(180deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition =\n\t\t\t\t'max-height 0.25s ease-in-out';\n\t\t} else {\n\t\t\taccordionContentRef.current.style.maxHeight = '';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(0deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition = 'padding 0s';\n\t\t}\n\n\t\tprops.onToggleAccordion?.(state);\n\t};\n\n\t// Monitor changes in accordion content\n\tuseEffect(() => {\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (isActive && accordionContentRef.current) {\n\t\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current.scrollHeight + 'px';\n\t\t\t}\n\t\t});\n\n\t\tif (accordionContentRef.current) {\n\t\t\tobserver.observe(accordionContentRef.current, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: true,\n\t\t\t});\n\t\t}\n\n\t\t// Cleanup observer on unmount\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [isActive]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tisActive &&\n\t\t\tprops?.refresh &&\n\t\t\taccordionContentRef?.current?.scrollHeight &&\n\t\t\t!props.childrenMaxHeight\n\t\t) {\n\t\t\tsetTimeout(() => {\n\t\t\t\taccordionContentRef.current!.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current!.scrollHeight + 'px';\n\t\t\t}, 100);\n\t\t}\n\t}, [isActive, props?.refresh, accordionContentRef?.current?.scrollHeight]);\n\n\treturn (\n\t\t<AccordionStyle\n\t\t\tclassName=\"accordion\"\n\t\t\tisActive={isActive}\n\t\t\twidth={props?.width}\n\t\t\tcontentMargin={props?.contentMargin}\n\t\t\theaderPadding={props.headerPadding}\n\t\t\tskipHoverState={props.skipHoverHeader}\n\t\t\tshowBorders={props.showBorders}\n\t\t\tborderColor={props.borderColor}\n\t\t\tbackgroundColor={props.backgroundColor}\n\t\t\topenDirection={props.openDirection}\n\t\t\tborderRadius={props.borderRadius}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`accordion__overview ${isActive ? 'active' : ''}`}\n\t\t\t\tstyle={props?.containerStyle ?? {}}\n\t\t\t\tonClick={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\tonKeyDown={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t>\n\t\t\t\t{!props.rightActionComponent && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"accordion__overview__header\"\n\t\t\t\t\t\t\tstyle={props.headerStyles ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AccordionHeaderGroup>\n\t\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.buttonLinkText && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={props.buttonLinkText}\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\t\tdarkMode\n\t\t\t\t\t\t\t\t\t\tonClick={props.onButtonLinkClick}\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</AccordionHeaderGroup>\n\t\t\t\t\t\t\t<AccordionHeaderGroup2>\n\t\t\t\t\t\t\t\t{props.headerButtons && (\n\t\t\t\t\t\t\t\t\t<div className=\"accordion__overview__header-buttons\">\n\t\t\t\t\t\t\t\t\t\t{props.headerButtons?.map((button) => (\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tkey={button.title}\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={button.icon}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tbutton.onClick();\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\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={button.style}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={button.title}\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</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AccordionHeaderGroup2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props?.subHeader ? props?.subHeader : null}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{props.rightActionComponent && (\n\t\t\t\t\t<div className=\"accordion__overview__header\">\n\t\t\t\t\t\t<div className=\"accordion__overview__title-wrapper\">\n\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === 'Enter') e.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.rightActionComponent}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props?.caption && (\n\t\t\t\t\t<div className=\"accordion__overview__caption\">\n\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t<div style={props.captionStyle}>{props.caption}</div>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tref={accordionContentRef as LegacyRef<HTMLDivElement>}\n\t\t\t\tclassName=\"accordion__content\"\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</AccordionStyle>\n\t);\n};\n"],"names":["BikAccordion","props","isActive","setIsActive","useState","accordionArrowRef","useRef","accordionContentRef","useEffect","toggleAccordion","state","event","observer","jsxDEV","AccordionStyle","Fragment","AccordionHeaderGroup","TitleRegular","this","Button","AccordionHeaderGroup2","button","IconButton","e","BikAccordionArrow","BodySecondary"],"mappings":"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"}

package/dist/cjs/components/accordion/AccordionArrow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),i=require("react"),l=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},s=l(i),n=s.default.forwardRef((o,r)=>e.jsxDEV("div",{ref:r,className:"d-flex align-items-center",children:[!o.isNewIcon&&e.jsxDEV("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxDEV("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:o.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:22,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:15,columnNumber:5},void 0),o.isNewIcon&&e.jsxDEV("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:o.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:29,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:13,columnNumber:3},void 0));n.displayName="BikAccordionArrow";exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),c=require("react"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(c),r=t.default.forwardRef((e,n)=>o.jsxDEV("div",{ref:n,className:"d-flex align-items-center",children:[!e.isNewIcon&&o.jsxDEV("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:22,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:15,columnNumber:5},void 0),e.isNewIcon&&o.jsxDEV("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:29,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:13,columnNumber:3},void 0));r.displayName="BikAccordionArrow";exports.default=r;
 //# sourceMappingURL=AccordionArrow.js.map

package/dist/cjs/components/accordion/AccordionArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionArrow.js","sources":["../../../../src/components/accordion/AccordionArrow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\ninterface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {\n\tisNewIcon: boolean;\n\tarrowColor?: string;\n}\n\nconst BikAccordionArrow = React.forwardRef<\n\tHTMLDivElement,\n\tBikAccordionArrowProps\n>((_, ref) => {\n\treturn (\n\t\t<div ref={ref} className=\"d-flex align-items-center\">\n\t\t\t{!_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"6\"\n\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nBikAccordionArrow.displayName = 'BikAccordionArrow';\nexport default BikAccordionArrow;\n"],"names":["BikAccordionArrow","React","_","ref","jsxDEV","this"],"mappings":"uOAOMA,EAAoBC,EAAAA,QAAM,WAG9B,CAACC,EAAGC,IAEJC,EAAAA,OAAC,MAAA,CAAI,IAAAD,EAAU,UAAU,4BACvB,SAAA,CAAA,CAACD,EAAE,WACHE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,EAAE,uLACF,KAAMF,EAAE,YAAc,cAAA,EAFvB,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAE,WACFE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,IACP,QAAQ,WACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,SAAS,UACT,SAAS,UACT,EAAE,4UACF,KAAMF,EAAE,YAAc,cAAA,EAJvB,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAKA,EAZD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAED,EAEDL,EAAkB,YAAc"}
+{"version":3,"file":"AccordionArrow.js","sources":["../../../../src/components/accordion/AccordionArrow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\ninterface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {\n\tisNewIcon: boolean;\n\tarrowColor?: string;\n}\n\nconst BikAccordionArrow = React.forwardRef<\n\tHTMLDivElement,\n\tBikAccordionArrowProps\n>((_, ref) => {\n\treturn (\n\t\t<div ref={ref} className=\"d-flex align-items-center\">\n\t\t\t{!_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"6\"\n\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nBikAccordionArrow.displayName = 'BikAccordionArrow';\nexport default BikAccordionArrow;\n"],"names":["BikAccordionArrow","React","_","ref","jsxDEV","this"],"mappings":"uOAOMA,EAAoBC,EAAAA,QAAM,WAG9B,CAACC,EAAGC,IAEJC,EAAAA,OAAC,MAAA,CAAI,IAAAD,EAAU,UAAU,4BACvB,SAAA,CAAA,CAACD,EAAE,WACHE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,EAAE,uLACF,KAAMF,EAAE,YAAc,cAAA,EAFvB,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAE,WACFE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,IACP,QAAQ,WACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,SAAS,UACT,SAAS,UACT,EAAE,4UACF,KAAMF,EAAE,YAAc,cAAA,EAJvB,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAKA,EAZD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAED,EAEDL,EAAkB,YAAc"}

package/dist/cjs/components/action-button/ActionButtons.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("../../constants/Theme.js"),b=require("../../assets/icons/similar.svg.js"),O=require("../TypographyStyle.js"),S=require("./ActionButton.styled.js"),m=({isSelected:e,isError:n})=>e&&n?{color:o.BASE_COLORS.negative[700],border:`1px solid ${o.BASE_COLORS.negative[700]}`}:e?{color:o.BASE_COLORS.brand[500],border:`1px solid ${o.BASE_COLORS.brand[500]}`}:n?{color:o.BASE_COLORS.grayscale[900],border:`1px solid ${o.BASE_COLORS.negative[700]}`}:{color:o.BASE_COLORS.grayscale[900],border:`1px solid ${o.BASE_COLORS.grayscale[200]}`},y=({isSelected:e,isError:n})=>e&&n?{color:o.BASE_COLORS.negative[700],border:`1px solid ${o.BASE_COLORS.negative[700]}`}:e?{color:o.BASE_COLORS.brand[500],border:`1px solid ${o.BASE_COLORS.brand[500]}`}:n?{color:o.BASE_COLORS.grayscale[700],border:`1px solid ${o.BASE_COLORS.negative[700]}`}:{color:o.BASE_COLORS.grayscale[700],border:`1px dashed ${o.BASE_COLORS.grayscale[200]}`},B=({state:e,buttonText:n,icon:l=b.default,isSelected:t,isError:i,onClick:a})=>{const c=()=>e==="CONFIGURED"?m({isSelected:t,isError:i}):y({isSelected:t,isError:i}),{color:s,border:u}=c(),d={height:20,width:20,color:s,style:{display:"block"},className:"icon"};return r.jsxDEV(S.ActionButtonContainer,{isSelected:t,isError:i,border:u,isConfigured:e==="CONFIGURED",onClick:a,children:[r.jsxDEV("div",{className:"action__icon",children:r.jsxDEV(l,{...d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:111,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:110,columnNumber:4},void 0),r.jsxDEV(O.BodyPrimary,{style:{fontWeight:600,color:s},children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:113,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:103,columnNumber:3},void 0)};exports.ActionButtons=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),e=require("../../constants/Theme.js"),b=require("../../assets/icons/similar.svg.js"),O=require("../TypographyStyle.js"),S=require("./ActionButton.styled.js"),m=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.grayscale[200]}`},p=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[700],border:`1px dashed ${e.BASE_COLORS.grayscale[200]}`},B=({state:o,buttonText:r,icon:c=b.default,isSelected:t,isError:i,onClick:l})=>{const a=()=>o==="CONFIGURED"?m({isSelected:t,isError:i}):p({isSelected:t,isError:i}),{color:s,border:u}=a(),d={height:20,width:20,color:s,style:{display:"block"},className:"icon"};return n.jsxDEV(S.ActionButtonContainer,{isSelected:t,isError:i,border:u,isConfigured:o==="CONFIGURED",onClick:l,children:[n.jsxDEV("div",{className:"action__icon",children:n.jsxDEV(c,{...d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:111,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:110,columnNumber:4},void 0),n.jsxDEV(O.BodyPrimary,{style:{fontWeight:600,color:s},children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:113,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:103,columnNumber:3},void 0)};exports.ActionButtons=B;
 //# sourceMappingURL=ActionButtons.js.map

package/dist/cjs/components/action-button/ActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.js","sources":["../../../../src/components/action-button/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport SimilarIcon from '../../assets/icons/similar.svg';\nimport { BodyPrimary } from '../TypographyStyle';\nimport { ActionButtonContainer } from './ActionButton.styled';\n\nexport interface ActionButtonInterface {\n\tstate: 'CONFIGURED' | 'NOT-CONFIGURED';\n\tbuttonText: string;\n\tisSelected: boolean;\n\tisError: boolean;\n\tonClick: () => void;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nconst getColorForConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nconst getColorForNotConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px dashed ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nexport const ActionButtons: React.FC<ActionButtonInterface> = ({\n\tstate,\n\tbuttonText,\n\ticon: IconComponent = SimilarIcon,\n\tisSelected,\n\tisError,\n\tonClick,\n}) => {\n\tconst getColor = () => {\n\t\tif (state === 'CONFIGURED') {\n\t\t\treturn getColorForConfiguredState({ isSelected, isError });\n\t\t} else {\n\t\t\treturn getColorForNotConfiguredState({ isSelected, isError });\n\t\t}\n\t};\n\n\tconst { color, border } = getColor();\n\n\tconst iconProps = {\n\t\theight: 20,\n\t\twidth: 20,\n\t\tcolor,\n\t\tstyle: { display: 'block' },\n\t\tclassName: 'icon',\n\t};\n\n\treturn (\n\t\t<ActionButtonContainer\n\t\t\tisSelected={isSelected}\n\t\t\tisError={isError}\n\t\t\tborder={border}\n\t\t\tisConfigured={state === 'CONFIGURED'}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<div className=\"action__icon\">\n\t\t\t\t<IconComponent {...iconProps} />\n\t\t\t</div>\n\t\t\t<BodyPrimary style={{ fontWeight: 600, color }}>{buttonText}</BodyPrimary>\n\t\t</ActionButtonContainer>\n\t);\n};\n"],"names":["getColorForConfiguredState","isSelected","isError","BASE_COLORS","getColorForNotConfiguredState","ActionButtons","state","buttonText","IconComponent","SimilarIcon","onClick","getColor","color","border","iconProps","jsxDEV","ActionButtonContainer","this","BodyPrimary"],"mappings":"uRAeMA,EAA6B,CAAC,CACnC,WAAAC,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAK9CC,EAAgC,CAAC,CACtC,WAAAH,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAKxCE,EAAiD,CAAC,CAC9D,MAAAC,EACA,WAAAC,EACA,KAAMC,EAAgBC,EAAAA,QACtB,WAAAR,EACA,QAAAC,EACA,QAAAQ,CACD,IAAM,CACL,MAAMC,EAAW,IACZL,IAAU,aACNN,EAA2B,CAAE,WAAAC,EAAY,QAAAC,EAAS,EAElDE,EAA8B,CAAE,WAAAH,EAAY,QAAAC,EAAS,EAIxD,CAAE,MAAAU,EAAO,OAAAC,CAAA,EAAWF,EAAA,EAEpBG,EAAY,CACjB,OAAQ,GACR,MAAO,GACP,MAAAF,EACA,MAAO,CAAE,QAAS,OAAA,EAClB,UAAW,MAAA,EAGZ,OACCG,EAAAA,OAACC,EAAAA,sBAAA,CACA,WAAAf,EACA,QAAAC,EACA,OAAAW,EACA,aAAcP,IAAU,aACxB,QAAAI,EAEA,SAAA,CAAAK,EAAAA,OAAC,OAAI,UAAU,eACd,SAAAA,SAACP,EAAA,CAAe,GAAGM,GAAnB,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA8B,CAAA,EAD/B,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAACG,EAAAA,aAAY,MAAO,CAAE,WAAY,IAAK,MAAAN,CAAA,EAAU,SAAAL,GAAjD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,IAAA,aAAA,CAAA,EAAAU,MAA4D,CAAA,CAAA,EAV7D,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAaF"}
+{"version":3,"file":"ActionButtons.js","sources":["../../../../src/components/action-button/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport SimilarIcon from '../../assets/icons/similar.svg';\nimport { BodyPrimary } from '../TypographyStyle';\nimport { ActionButtonContainer } from './ActionButton.styled';\n\nexport interface ActionButtonInterface {\n\tstate: 'CONFIGURED' | 'NOT-CONFIGURED';\n\tbuttonText: string;\n\tisSelected: boolean;\n\tisError: boolean;\n\tonClick: () => void;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nconst getColorForConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nconst getColorForNotConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px dashed ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nexport const ActionButtons: React.FC<ActionButtonInterface> = ({\n\tstate,\n\tbuttonText,\n\ticon: IconComponent = SimilarIcon,\n\tisSelected,\n\tisError,\n\tonClick,\n}) => {\n\tconst getColor = () => {\n\t\tif (state === 'CONFIGURED') {\n\t\t\treturn getColorForConfiguredState({ isSelected, isError });\n\t\t} else {\n\t\t\treturn getColorForNotConfiguredState({ isSelected, isError });\n\t\t}\n\t};\n\n\tconst { color, border } = getColor();\n\n\tconst iconProps = {\n\t\theight: 20,\n\t\twidth: 20,\n\t\tcolor,\n\t\tstyle: { display: 'block' },\n\t\tclassName: 'icon',\n\t};\n\n\treturn (\n\t\t<ActionButtonContainer\n\t\t\tisSelected={isSelected}\n\t\t\tisError={isError}\n\t\t\tborder={border}\n\t\t\tisConfigured={state === 'CONFIGURED'}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<div className=\"action__icon\">\n\t\t\t\t<IconComponent {...iconProps} />\n\t\t\t</div>\n\t\t\t<BodyPrimary style={{ fontWeight: 600, color }}>{buttonText}</BodyPrimary>\n\t\t</ActionButtonContainer>\n\t);\n};\n"],"names":["getColorForConfiguredState","isSelected","isError","BASE_COLORS","getColorForNotConfiguredState","ActionButtons","state","buttonText","IconComponent","SimilarIcon","onClick","getColor","color","border","iconProps","jsxDEV","ActionButtonContainer","this","BodyPrimary"],"mappings":"uRAeMA,EAA6B,CAAC,CACnC,WAAAC,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAK9CC,EAAgC,CAAC,CACtC,WAAAH,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAKxCE,EAAiD,CAAC,CAC9D,MAAAC,EACA,WAAAC,EACA,KAAMC,EAAgBC,EAAAA,QACtB,WAAAR,EACA,QAAAC,EACA,QAAAQ,CACD,IAAM,CACL,MAAMC,EAAW,IACZL,IAAU,aACNN,EAA2B,CAAE,WAAAC,EAAY,QAAAC,EAAS,EAElDE,EAA8B,CAAE,WAAAH,EAAY,QAAAC,EAAS,EAIxD,CAAE,MAAAU,EAAO,OAAAC,CAAA,EAAWF,EAAA,EAEpBG,EAAY,CACjB,OAAQ,GACR,MAAO,GACP,MAAAF,EACA,MAAO,CAAE,QAAS,OAAA,EAClB,UAAW,MAAA,EAGZ,OACCG,EAAAA,OAACC,EAAAA,sBAAA,CACA,WAAAf,EACA,QAAAC,EACA,OAAAW,EACA,aAAcP,IAAU,aACxB,QAAAI,EAEA,SAAA,CAAAK,EAAAA,OAAC,OAAI,UAAU,eACd,SAAAA,SAACP,EAAA,CAAe,GAAGM,GAAnB,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA8B,CAAA,EAD/B,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAACG,EAAAA,aAAY,MAAO,CAAE,WAAY,IAAK,MAAAN,CAAA,EAAU,SAAAL,GAAjD,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,IAAA,aAAA,CAAA,EAAAU,MAA4D,CAAA,CAAA,EAV7D,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAaF"}

package/dist/cjs/components/add-variableV2/AddVariableV2.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),J=require("../../assets/icons/back_icon.svg.js"),Q=require("../../assets/icons/chevronRightAlt.svg.js"),q=require("../../assets/icons/cross.svg.js"),X=require("../../assets/icons/plus.svg.js"),Y=require("../../assets/icons/undo.svg.js"),t=require("react"),Z=require("./AddVariableV2.styled.js"),j=require("../../constants/Theme.js"),ee=require("../modals/modal.styled.js"),b=require("../TypographyStyle.js"),U=require("../icon-button/IconButton.js"),ae=require("../searchBar/searchBar.js"),ne=require("../switch/Switch.js"),ie=require("../tooltips/Tooltip.js"),re=require("../button/Button.js"),se=t.memo(r=>{const{data:u,hasHeader:R=!0,needsBorder:O=!0,styledCloseBtn:S=!1,readonly:w=!1}=r,[c,I]=t.useState({}),[v,f]=t.useState(),[l,x]=t.useState(""),[d,N]=t.useState(""),[H,m]=t.useState(!0),z=/.*\..*/,[P,A]=t.useState(r.data),[V,C]=t.useState(!0);t.useEffect(()=>{const e={};u.forEach(i=>{e[i.displayName]=[]}),f(e)},[u]),t.useEffect(()=>{k(!0)},[]),t.useEffect(()=>{k(V,!l)},[c,l]),t.useEffect(()=>{C(!0),N(""),y([],l),f(i=>({...i,[l]:[]})),x("");const e=r.data.map(i=>p(i)).filter(i=>i!==null);A(e),e.length>0?m(!0):m(!1)},[r.reRender]),t.useEffect(()=>{let e=r.data;l&&(e=[c[l]]),h(e,V).length>0?m(!0):m(!1)},[d]);const h=(e,i=!1)=>e.flatMap(n=>Object.keys(n.variables).filter(s=>n.variables[s].displayName?.toLowerCase().includes(d.toLowerCase())&&(!i||n.variables[s].isAvailable===i)||D(n.variables[s]))),y=(e,i)=>{const n=u.find(s=>s.displayName===i);if(n){let s=n;e.forEach((o,M)=>{s=s.variables[o]}),I(o=>({...o,[i]:s}))}},D=e=>{let i=!1;if(e.isSubHeader&&e.variables){const n=Object.keys(e.variables);for(let s=0;s<n.length;s++){const o=n[s];if(e.variables&&e.variables[o].displayName.toLowerCase().includes(d.toLowerCase())&&e.variables[o].isAvailable===V){i=!0;break}}}return i},k=(e,i=!1)=>{if(C(e),e){let n=[];if(!l||i)n=r.data.map(s=>p(s)).filter(s=>s!==null);else{const s=c[l];n=r.data.filter(o=>o.displayName===l).map(o=>p(o,s)).filter(o=>o!=null)}A(n),d&&(n=h(n,e)),n.length>0?m(!0):m(!1)}else A(r.data),d?h(r.data,e).length>0?m(!0):m(!1):m(!0)};function p(e,i,n={}){if(i)for(const s in e.variables)if(e.variables[s].displayName===i.displayName)for(const o in e.variables[s].variables)e.variables[s].variables[o].isAvailable&&(n[o]=e.variables[s].variables[o]);else e.variables[s].isSubHeader&&p(e.variables[s],i,n);else for(const s in e.variables)e.variables[s].isAvailable&&(n[s]=e.variables[s]);return Object.keys(n).length===0?null:{...e,variables:n}}const E=e=>{const i=e.item.description;return e.readonly?a.jsxDEV("div",{children:a.jsxDEV(T,{item:e.item,readonly:e.readonly},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:300,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:299,columnNumber:5},void 0):a.jsxDEV(a.Fragment,{children:a.jsxDEV(ie.Tooltip,{body:"",tooltipContent:a.jsxDEV(b.BodyCaption,{color:j.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}
-• Recommended here`:"Recommended here":"Not recommended here"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:307,columnNumber:8},void 0),width:300,delay:300,placement:"bottom",children:a.jsxDEV("div",{children:a.jsxDEV(T,{item:e.item},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:323,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:322,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:304,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:303,columnNumber:5},void 0)},T=e=>a.jsxDEV(re.Button,{darkMode:r.enableVariable?r.enableVariable:e.item.isAvailable,size:"chip",disabled:e.readonly?!e.item.isSubHeader:!1,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:X.default,TrailingIcon:()=>e.item.isSubHeader?a.jsxDEV("div",{className:"icon-trailing",style:{display:"flex"},children:a.jsxDEV(Q.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:355,columnNumber:8},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:359,columnNumber:8},void 0),buttonText:e.item.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:332,columnNumber:5},void 0),_=(e,i)=>V&&!e.isAvailable?a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:371,columnNumber:13},void 0):a.jsxDEV("div",{onClick:e.isSubHeader?()=>{h([e],V).length||m(!1),N("");const s=[...v[l],i];y(s,l),f(o=>({...o,[l]:s}))}:()=>{r.customTrigger?(r.customTrigger(e),r.setShowVariable(!1)):r.isEvaluationList?L(e):r.setVariableValue(r.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a.jsxDEV(E,{item:e,readonly:w},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:423,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:375,columnNumber:5},void 0),B=(e,i)=>{const n=[...v[e.displayName],i];y(n,e.displayName),f(s=>({...s,[e.displayName]:n})),x(e.displayName)},W=e=>/\w+\[\d+\]/g.test(e),L=e=>{if(e.actualValue.match(z)){const i=e.actualValue.replace("{{","").replace("}}","").split(".");let n=i[0];i.forEach((s,o)=>{if(o===0)return;if(W(s)){const g=s.match(/(\w+)\[(\d+)\]/);if(g){const K=g[1],G=g[2];n=n+`['${K}'][${G}]`}}else n=n+`['${s}']`}),r.setVariableValue(r.selectWithTypes?{actualValue:n,variableType:e.variableType,needsFetching:e.needsFetching}:n)}else{const i=e.actualValueEval?e.actualValueEval:e.actualValue;r.setVariableValue(r.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}},F=(e,i)=>{if(r.customTrigger)r.customTrigger(e.variables[i]),r.setShowVariable(!1);else if(r.isEvaluationList){const n=e.variables[i];L(n)}else r.setVariableValue(r.selectWithTypes?{actualValue:e.variables[i].actualValue,variableType:e.variables[i].variableType,needsFetching:e.variables[i].needsFetching}:e.variables[i].actualValue)},$=r.isModalState?void 0:{top:`${r.topPosition?r.topPosition:r.pickerSize==="small"?"300px":"60px"}`,left:`${r.leftPosition?r.leftPosition+24:430}px`};return a.jsxDEV("div",{id:"varList",tabIndex:-1,children:a.jsxDEV(Z.AddVariableStyled,{style:$,onClick:e=>{e.stopPropagation()},pickerSize:r.pickerSize||"large",isModalState:r.isModalState,positionStrategy:r.positionStrategy,zIndex:r.zindex,height:r.height,needsBorder:O,width:r.width,children:[S&&a.jsxDEV(ee.CloseButtonContainer,{onClick:()=>{r.setShowVariable(!1)},style:{zIndex:300},children:a.jsxDEV(q.default,{height:20,width:20,color:j.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:556,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:550,columnNumber:7},void 0),r.showVariable&&a.jsxDEV("div",{className:"popup",children:[a.jsxDEV("div",{className:"sticky__bar",children:[R&&a.jsxDEV("div",{className:"header__bar",children:[a.jsxDEV("div",{className:"add__variable",children:"Add a new variable"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:568,columnNumber:11},void 0),!S&&a.jsxDEV("div",{onClick:()=>{r.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a.jsxDEV(U.IconButton,{iconButtonType:"default",Icon:q.default},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:580,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:570,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:567,columnNumber:10},void 0),a.jsxDEV("div",{className:"search__bar",onBlur:e=>{r.onSearchBlur&&r.onSearchBlur(e)},children:[a.jsxDEV(ae.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{N(e)},onEnter:()=>{},reset:!d,placeholder:"Search...",variant:"default"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:594,columnNumber:10},void 0),a.jsxDEV("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a.jsxDEV(b.BodySecondary,{style:{color:j.COLORS.content.secondary},children:"Show only recommended variables"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:615,columnNumber:11},void 0),a.jsxDEV(ne.Switch,{value:V,onValueChange:async e=>await k(e)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:618,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:607,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:588,columnNumber:9},void 0),l&&v[l].length>0&&a.jsxDEV("div",{className:"nav__bar",children:[a.jsxDEV("div",{className:"left__nav",children:[a.jsxDEV(U.IconButton,{Icon:J.default,style:{color:"#919191",display:"flex"},onClick:()=>{N("");const e=v[l].slice(0,-1);y(e,l),f(i=>({...i,[l]:e})),e.length||x("")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:630,columnNumber:12},void 0),a.jsxDEV("div",{className:"block",children:[a.jsxDEV(b.TitleSmall,{children:c[l].displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:653,columnNumber:13},void 0),c[l].description&&a.jsxDEV(b.BodyCaption,{children:c[l].description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:657,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:652,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:629,columnNumber:11},void 0),a.jsxDEV("div",{className:"right__nav",children:[a.jsxDEV(U.IconButton,{Icon:Y.default,style:{display:"flex"},onClick:()=>{N(""),y([],l),f(e=>({...e,[l]:[]})),x("")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:664,columnNumber:12},void 0),a.jsxDEV("div",{children:"First page"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:680,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:663,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:628,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:565,columnNumber:8},void 0),!H&&a.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a.jsxDEV(b.TitleSmall,{children:"No results found!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:695,columnNumber:10},void 0),V?a.jsxDEV(b.BodyCaption,{children:"Sorry we could not find any recommended variables"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:697,columnNumber:11},void 0):a.jsxDEV(b.BodyCaption,{children:`Sorry we could not find any results for "${d}"`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:701,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:686,columnNumber:9},void 0),a.jsxDEV("div",{className:"wrapper",children:a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",children:[!l&&P.map(e=>{let i=[];return d&&(i=Object.keys(e.variables).filter(n=>e.variables[n].displayName?.toLowerCase().includes(d.toLowerCase())||D(e.variables[n]))),a.jsxDEV(a.Fragment,{children:[d?i.length>0?a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:727,columnNumber:18},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:730,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:726,columnNumber:17},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:740,columnNumber:17},void 0):a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:744,columnNumber:17},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:747,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:743,columnNumber:16},void 0),Object.keys(e.variables).map(n=>d?e.variables[n].displayName?.toLowerCase().includes(d.toLowerCase())||D(e.variables[n])?a.jsxDEV("div",{onClick:e.variables[n].isSubHeader?()=>B(e,n):()=>F(e,n),children:a.jsxDEV(E,{item:e.variables[n],readonly:w},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:769,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:762,columnNumber:18},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:775,columnNumber:18},void 0):a.jsxDEV("div",{onClick:e.variables[n].isSubHeader?()=>B(e,n):()=>F(e,n),children:a.jsxDEV(E,{item:e.variables[n],readonly:w},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:785,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:778,columnNumber:17},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:723,columnNumber:14},void 0)}),l&&a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",style:{marginTop:16},children:Object.keys(c[l].variables).map((e,i)=>d?c[l].variables[e].displayName?.toLowerCase().includes(d.toLowerCase())||D(c[l].variables[e])?_(c[l].variables[e],e):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:814,columnNumber:18},void 0):_(c[l].variables[e],e))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:797,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:796,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:709,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:708,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:707,columnNumber:8},void 0),a.jsxDEV("div",{className:"bottom__padding"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:830,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:564,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:536,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:535,columnNumber:4},void 0)},(r,u)=>!(r.enableVariable!==u.enableVariable||r.leftPosition!==u.leftPosition||r.reRender!==u.reRender));exports.AddVariableV2=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),J=require("../../assets/icons/back_icon.svg.js"),Q=require("../../assets/icons/chevronRightAlt.svg.js"),F=require("../../assets/icons/cross.svg.js"),X=require("../../assets/icons/plus.svg.js"),Y=require("../../assets/icons/undo.svg.js"),d=require("react"),Z=require("./AddVariableV2.styled.js"),D=require("../../constants/Theme.js"),ee=require("../modals/modal.styled.js"),b=require("../TypographyStyle.js"),U=require("../icon-button/IconButton.js"),ae=require("../searchBar/searchBar.js"),re=require("../switch/Switch.js"),ie=require("../tooltips/Tooltip.js"),ne=require("../button/Button.js"),se=d.memo(n=>{const{data:u,hasHeader:q=!0,needsBorder:R=!0,styledCloseBtn:S=!1,readonly:j=!1}=n,[c,O]=d.useState({}),[v,f]=d.useState(),[l,p]=d.useState(""),[o,h]=d.useState(""),[I,m]=d.useState(!0),H=/.*\..*/,[z,A]=d.useState(n.data),[V,w]=d.useState(!0);d.useEffect(()=>{const e={};u.forEach(i=>{e[i.displayName]=[]}),f(e)},[u]),d.useEffect(()=>{E(!0)},[]),d.useEffect(()=>{E(V,!l)},[c,l]),d.useEffect(()=>{w(!0),h(""),N([],l),f(i=>({...i,[l]:[]})),p("");const e=n.data.map(i=>k(i)).filter(i=>i!==null);A(e),e.length>0?m(!0):m(!1)},[n.reRender]),d.useEffect(()=>{let e=n.data;l&&(e=[c[l]]),y(e,V).length>0?m(!0):m(!1)},[o]);const y=(e,i=!1)=>e.flatMap(r=>Object.keys(r.variables).filter(s=>r.variables[s].displayName?.toLowerCase().includes(o.toLowerCase())&&(!i||r.variables[s].isAvailable===i)||x(r.variables[s]))),N=(e,i)=>{const r=u.find(s=>s.displayName===i);if(r){let s=r;e.forEach((t,M)=>{s=s.variables[t]}),O(t=>({...t,[i]:s}))}},x=e=>{let i=!1;if(e.isSubHeader&&e.variables){const r=Object.keys(e.variables);for(let s=0;s<r.length;s++){const t=r[s];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(o.toLowerCase())&&e.variables[t].isAvailable===V){i=!0;break}}}return i},E=(e,i=!1)=>{if(w(e),e){let r=[];if(!l||i)r=n.data.map(s=>k(s)).filter(s=>s!==null);else{const s=c[l];r=n.data.filter(t=>t.displayName===l).map(t=>k(t,s)).filter(t=>t!=null)}A(r),o&&(r=y(r,e)),r.length>0?m(!0):m(!1)}else A(n.data),o?y(n.data,e).length>0?m(!0):m(!1):m(!0)};function k(e,i,r={}){if(i)for(const s in e.variables)if(e.variables[s].displayName===i.displayName)for(const t in e.variables[s].variables)e.variables[s].variables[t].isAvailable&&(r[t]=e.variables[s].variables[t]);else e.variables[s].isSubHeader&&k(e.variables[s],i,r);else for(const s in e.variables)e.variables[s].isAvailable&&(r[s]=e.variables[s]);return Object.keys(r).length===0?null:{...e,variables:r}}const g=e=>{const i=e.item.description;return e.readonly?a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item,readonly:e.readonly},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:300,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:299,columnNumber:5},void 0):a.jsxDEV(a.Fragment,{children:a.jsxDEV(ie.Tooltip,{body:"",tooltipContent:a.jsxDEV(b.BodyCaption,{color:D.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}
+• Recommended here`:"Recommended here":"Not recommended here"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:307,columnNumber:8},void 0),width:300,delay:300,placement:"bottom",children:a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:323,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:322,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:304,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:303,columnNumber:5},void 0)},C=e=>a.jsxDEV(ne.Button,{darkMode:n.enableVariable?n.enableVariable:e.item.isAvailable,size:"chip",disabled:e.readonly?!e.item.isSubHeader:!1,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:X.default,TrailingIcon:()=>e.item.isSubHeader?a.jsxDEV("div",{className:"icon-trailing",style:{display:"flex"},children:a.jsxDEV(Q.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:355,columnNumber:8},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:359,columnNumber:8},void 0),buttonText:e.item.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:332,columnNumber:5},void 0),T=(e,i)=>V&&!e.isAvailable?a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:371,columnNumber:13},void 0):a.jsxDEV("div",{onClick:e.isSubHeader?()=>{y([e],V).length||m(!1),h("");const s=[...v[l],i];N(s,l),f(t=>({...t,[l]:s}))}:()=>{n.customTrigger?(n.customTrigger(e),n.setShowVariable(!1)):n.isEvaluationList?B(e):n.setVariableValue(n.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a.jsxDEV(g,{item:e,readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:423,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:375,columnNumber:5},void 0),_=(e,i)=>{const r=[...v[e.displayName],i];N(r,e.displayName),f(s=>({...s,[e.displayName]:r})),p(e.displayName)},W=e=>/\w+\[\d+\]/g.test(e),B=e=>{if(e.actualValue.match(H)){const i=e.actualValue.replace("{{","").replace("}}","").split(".");let r=i[0];i.forEach((s,t)=>{if(t===0)return;if(W(s)){const P=s.match(/(\w+)\[(\d+)\]/);if(P){const K=P[1],G=P[2];r=r+`['${K}'][${G}]`}}else r=r+`['${s}']`}),n.setVariableValue(n.selectWithTypes?{actualValue:r,variableType:e.variableType,needsFetching:e.needsFetching}:r)}else{const i=e.actualValueEval?e.actualValueEval:e.actualValue;n.setVariableValue(n.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}},L=(e,i)=>{if(n.customTrigger)n.customTrigger(e.variables[i]),n.setShowVariable(!1);else if(n.isEvaluationList){const r=e.variables[i];B(r)}else n.setVariableValue(n.selectWithTypes?{actualValue:e.variables[i].actualValue,variableType:e.variables[i].variableType,needsFetching:e.variables[i].needsFetching}:e.variables[i].actualValue)},$=n.isModalState?void 0:{top:`${n.topPosition?n.topPosition:n.pickerSize==="small"?"300px":"60px"}`,left:`${n.leftPosition?n.leftPosition+24:430}px`};return a.jsxDEV("div",{id:"varList",tabIndex:-1,children:a.jsxDEV(Z.AddVariableStyled,{style:$,onClick:e=>{e.stopPropagation()},pickerSize:n.pickerSize||"large",isModalState:n.isModalState,positionStrategy:n.positionStrategy,zIndex:n.zindex,height:n.height,needsBorder:R,width:n.width,children:[S&&a.jsxDEV(ee.CloseButtonContainer,{onClick:()=>{n.setShowVariable(!1)},style:{zIndex:300},children:a.jsxDEV(F.default,{height:20,width:20,color:D.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:556,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:550,columnNumber:7},void 0),n.showVariable&&a.jsxDEV("div",{className:"popup",children:[a.jsxDEV("div",{className:"sticky__bar",children:[q&&a.jsxDEV("div",{className:"header__bar",children:[a.jsxDEV("div",{className:"add__variable",children:"Add a new variable"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:568,columnNumber:11},void 0),!S&&a.jsxDEV("div",{onClick:()=>{n.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a.jsxDEV(U.IconButton,{iconButtonType:"default",Icon:F.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:580,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:570,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:567,columnNumber:10},void 0),a.jsxDEV("div",{className:"search__bar",onBlur:e=>{n.onSearchBlur&&n.onSearchBlur(e)},children:[a.jsxDEV(ae.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{h(e)},onEnter:()=>{},reset:!o,placeholder:"Search...",variant:"default"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:594,columnNumber:10},void 0),a.jsxDEV("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a.jsxDEV(b.BodySecondary,{style:{color:D.COLORS.content.secondary},children:"Show only recommended variables"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:615,columnNumber:11},void 0),a.jsxDEV(re.Switch,{value:V,onValueChange:async e=>await E(e)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:618,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:607,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:588,columnNumber:9},void 0),l&&v[l].length>0&&a.jsxDEV("div",{className:"nav__bar",children:[a.jsxDEV("div",{className:"left__nav",children:[a.jsxDEV(U.IconButton,{Icon:J.default,style:{color:"#919191",display:"flex"},onClick:()=>{h("");const e=v[l].slice(0,-1);N(e,l),f(i=>({...i,[l]:e})),e.length||p("")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:630,columnNumber:12},void 0),a.jsxDEV("div",{className:"block",children:[a.jsxDEV(b.TitleSmall,{children:c[l].displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:653,columnNumber:13},void 0),c[l].description&&a.jsxDEV(b.BodyCaption,{children:c[l].description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:657,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:652,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:629,columnNumber:11},void 0),a.jsxDEV("div",{className:"right__nav",children:[a.jsxDEV(U.IconButton,{Icon:Y.default,style:{display:"flex"},onClick:()=>{h(""),N([],l),f(e=>({...e,[l]:[]})),p("")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:664,columnNumber:12},void 0),a.jsxDEV("div",{children:"First page"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:680,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:663,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:628,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:565,columnNumber:8},void 0),!I&&a.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a.jsxDEV(b.TitleSmall,{children:"No results found!"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:695,columnNumber:10},void 0),V?a.jsxDEV(b.BodyCaption,{children:"Sorry we could not find any recommended variables"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:697,columnNumber:11},void 0):a.jsxDEV(b.BodyCaption,{children:`Sorry we could not find any results for "${o}"`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:701,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:686,columnNumber:9},void 0),a.jsxDEV("div",{className:"wrapper",children:a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",children:[!l&&z.map(e=>{let i=[];return o&&(i=Object.keys(e.variables).filter(r=>e.variables[r].displayName?.toLowerCase().includes(o.toLowerCase())||x(e.variables[r]))),a.jsxDEV(a.Fragment,{children:[o?i.length>0?a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:727,columnNumber:18},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:730,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:726,columnNumber:17},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:740,columnNumber:17},void 0):a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:744,columnNumber:17},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:747,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:743,columnNumber:16},void 0),Object.keys(e.variables).map(r=>o?e.variables[r].displayName?.toLowerCase().includes(o.toLowerCase())||x(e.variables[r])?a.jsxDEV("div",{onClick:e.variables[r].isSubHeader?()=>_(e,r):()=>L(e,r),children:a.jsxDEV(g,{item:e.variables[r],readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:769,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:762,columnNumber:18},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:775,columnNumber:18},void 0):a.jsxDEV("div",{onClick:e.variables[r].isSubHeader?()=>_(e,r):()=>L(e,r),children:a.jsxDEV(g,{item:e.variables[r],readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:785,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:778,columnNumber:17},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:723,columnNumber:14},void 0)}),l&&a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",style:{marginTop:16},children:Object.keys(c[l].variables).map((e,i)=>o?c[l].variables[e].displayName?.toLowerCase().includes(o.toLowerCase())||x(c[l].variables[e])?T(c[l].variables[e],e):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:814,columnNumber:18},void 0):T(c[l].variables[e],e))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:797,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:796,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:709,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:708,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:707,columnNumber:8},void 0),a.jsxDEV("div",{className:"bottom__padding"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:830,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:564,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:536,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:535,columnNumber:4},void 0)},(n,u)=>!(n.enableVariable!==u.enableVariable||n.leftPosition!==u.leftPosition||n.reRender!==u.reRender));exports.AddVariableV2=se;
 //# sourceMappingURL=AddVariableV2.js.map