npm - @bikdotai/bik-component-library - Versions diffs - 0.0.804-beta.15 → 0.0.804-beta.16 - Mend

@bikdotai/bik-component-library 0.0.804-beta.15 → 0.0.804-beta.16

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

Files changed (2317) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsAppTextEditorHeader.js","sources":["../../../../src/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n// import EmojiPicker from 'emoji-picker-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\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) => (props.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","_jsx","window","Promise","then","_module","default","getIconColor","isActive","COLORS","background","inverseLight","content","placeholder","Container","_styled","process","env","NODE_ENV","target","label","surface","standard","CustomRightBorder","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonHolder","props","active","inactive","disabled","CustomRightSideContainer","EmojiContainer","AIActionsContainer","AIButtonGroup","stroke","primary","AIButton","highlighted","secondary","undefined","subdued","EditorActionTypes","AIEditorActionTypes","AIActionVariant","WhatsAppTextEditorHeader","React","forwardRef","_ref2","_ref","onActionSelect","RightComponent","onEmojiClick","actions","aiActions","onAIActionClick","onAIToneChange","onAIInstructionsClick","instructionActive","disableAllActions","rightActionsDisabled","emojiPickerRef","useRef","setActive","useState","BOLD","ITALIC","STRIKETHROUGH","EMOJI","closeEmojiPicker","useCallback","prev","Object","assign","handleClick","e","type","_a","preventDefault","call","useOutside","useEffect","length","_jsxs","children","includes","jsx","Tooltip","body","placement","style","marginLeft","onClick","EmojiIcon","width","height","color","ref","data","emoji","_Fragment","BoldIcon","ItalicIcon","borderRight","StrikeThroughIcon","action","REPHRASE","AIRephraseButton","loading","tones","selectedToneId","DEFAULT","onToneChange","toneId","onInstructionsClick","showSecondaryRephraseOption","toLowerCase","onSecondaryRephraseClick","isPrimary","displayName"],"mappings":"0lCAYA,IAAIA,EAAmBA,IAAMC,EAAAA,mBACP,oBAAXC,QACVC,oDAAO,sBAAoB,IAAEC,MAAMC,IAClCL,EAAcK,EAAQC,OAAO,IAI/B,MAAMC,EAAgBC,GACjBA,EAAiBC,SAAOC,WAAWC,aAChCF,EAAMA,OAACG,QAAQC,YAGjBC,EAASC,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CACAN,cAAAA,EAAAA,OAAOY,QAAQC,SAAQN,6HAQrC,eARqCA,QAAAC,IAAAC,SAQrC,GAAA,40fACYK,EAAiBR,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,qBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAM,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,00fAAAC,SAAAC,IAMxBC,EAAYd,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,+BAEFe,GACdA,EAAMC,OAAStB,EAAAA,OAAOC,WAAWsB,SAAW,6CAElCF,GAAWA,EAAMG,SAAW,cAAgB,WAAU,aACrDH,GAAWA,EAAMG,SAAW,IAAO,GAAEjB,+EAMjD,eANiDA,QAAAC,IAAAC,SAMjD,GAAA,40fAEKgB,EAAwBnB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,4BAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAM,KAAA,SAAAC,OAAA,+EAAA,CAAAD,KAAA,SAAAC,OAAA,8EAAAC,IAAA,00fAAAC,SAAAC,IAQxBO,EAAcpB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,kBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAM,KAAA,UAAAC,OAAA,oDAAA,CAAAD,KAAA,UAAAC,OAAA,mDAAAC,IAAA,00fAAAC,SAAAC,IAMdQ,EAAkBrB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,sBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAM,KAAA,UAAAC,OAAA,2DAAA,CAAAD,KAAA,UAAAC,OAAA,0DAAAC,IAAA,00fAAAC,SAAAC,IAOlBS,EAAatB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAGEN,oDAAAA,EAAAA,OAAO6B,OAAOC,QAEtBT,gCAAAA,GAAWA,EAAMG,SAAW,GAAM,GAAE,KAChD,eADgDjB,QAAAC,IAAAC,SAChD,GAAA,40fAEKsB,EAAQzB,EAAA,QAAA,SAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,YAAAL,CAAA,wBAEEe,GACdA,EAAMW,YAAc,UAAYhC,SAAOY,QAAQC,UACtCQ,WAAAA,GAAWA,EAAMW,YAAc,UAAYhC,EAAAA,OAAOG,QAAQ8B,WAAU,+FAMnEZ,GAAWA,EAAMG,SAAW,cAAgB,WAC3CH,aAAAA,GAAWA,EAAMG,SAAW,GAAM,GAAE,+DAKhCH,GACdA,EAAMG,cAAWU,EAAYlC,EAAMA,OAACY,QAAQuB,SAAO,MAErD,eAFqD5B,QAAAC,IAAAC,SAErD,GAAA,40fAED,IAAY2B,EAOAC,EAQAC,EAfAF,QAKXA,uBAAA,GALWA,EAAAA,4BAAAA,QAAAA,kBAKX,CAAA,IAJA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QAGWC,QAKXA,yBAAA,GALWA,EAAAA,8BAAAA,QAAAA,oBAKX,CAAA,IAJA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UAIWC,QAGXA,qBAAA,GAHWA,EAAAA,0BAAAA,QAAAA,gBAGX,CAAA,IAFA,QAAA,UACAA,EAAA,SAAA,WAyCM,MAAMC,EAA2BC,EAAAA,QAAMC,YAI7C,CAAAC,EAcCC,KACG,IAdHC,eACCA,EAAcC,eACdA,EAAcC,aACdA,EAAYC,QACZA,EAAOC,UACPA,EAASC,gBACTA,EAAeC,eACfA,EAAcC,sBACdA,EAAqBC,kBACrBA,EAAiBC,kBACjBA,EAAiBC,qBACjBA,GACAZ,EAID,MAAMa,EAAiBC,SAAO,OACvBlC,EAAQmC,GAAaC,WAAS,CACpC,CAACtB,QAAAA,kBAAkBuB,OAAO,EAC1B,CAACvB,QAAAA,kBAAkBwB,SAAS,EAC5B,CAACxB,QAAAA,kBAAkByB,gBAAgB,EACnC,CAACzB,QAAAA,kBAAkB0B,QAAQ,IAGtBC,EAAmBC,EAAAA,aAAY,KACpCP,GAAWQ,GACLA,EAAK7B,0BAAkB0B,OAIxBI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,IACH,CAAC7B,QAAAA,kBAAkB0B,QAAQ,IAJpBG,GAMP,GACA,IAoBH,SAASG,EACRC,EAGAC,SAIA,GAFgB,QAAhBC,EAAAF,EAAEG,sBAAc,IAAAD,GAAAA,EAAAE,KAAAJ,GAEZC,IAASlC,QAAiBA,kBAAC0B,MAAO,CACrC,GAAIT,EAAmB,OACvBI,GAAWQ,GACVC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAI,CACP,CAAC7B,0BAAkB0B,QAASxC,EAAOwC,SAGrC,CAEDlB,EAAe0B,EAChB,CAEA,OAvCAI,EAAUA,WAACnB,GAAgB,KAC1BQ,GAAkB,IAGnBY,EAAAA,WAAU,KACLtB,GACHI,GAAWQ,GACLA,EAAK7B,0BAAkB0B,OAIxBI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,IACH,CAAC7B,QAAAA,kBAAkB0B,QAAQ,IAJpBG,GAOT,GACC,CAACZ,KAuBCN,aAAA,EAAAA,EAAS6B,SAAW/B,IAAmBG,aAAA,EAAAA,EAAW4B,QAGtDC,EAAAA,KAACxE,EAAS,CAAAyE,SAAA,EACR/B,aAAO,EAAPA,EAASgC,SAAS3C,QAAiBA,kBAAC0B,SACpCe,EAAAA,2BACCrF,EAACwF,IAAAC,UAAQf,OAAAC,OAAA,CAAAe,KAAM,QAASC,UAAU,UACjC,CAAAL,SAAAtF,EAAAwF,IAAC5D,EAAY8C,OAAAC,OAAA,CACZiB,MAAO,CACNC,WAAY,GAEb7D,SAAU6B,EACV/B,SAAUA,EAAOwC,MACjBwB,QAAUjB,IACLhB,GACJe,EAAYC,EAAGjC,0BAAkB0B,MAAM,GACvC,CAAAgB,SAEDtF,MAAC+F,UAAS,CACTC,MAAO,GACPC,OAAQ,GACRC,MAAO5F,EAAawB,EAAOwC,eAI7BxC,EAAOwC,OACPtE,EAACwF,IAAAtD,iBAAeiE,IAAKpC,GACpB,CAAAuB,SAAAtF,EAAAwF,IAACzF,EACA,CAAAuD,aAAe8C,IACd7B,IACAjB,SAAAA,EAAe8C,EAAKC,MAAM,WAQ/B9C,aAAA,EAAAA,EAASgC,SAAS3C,QAAiBA,kBAACuB,QACpCnE,EAAAA,IAAAsG,EAAAA,SAAA,CAAAhB,SACCtF,EAACwF,IAAAC,UAAQf,OAAAC,OAAA,CAAAe,KAAM,OAAQC,UAAU,UAAQ,CAAAL,SACxCtF,MAAC4B,EAAY8C,OAAAC,OAAA,CACZ3C,SAAU6B,EACV/B,SAAUA,EAAOqC,KACjB2B,QAAUjB,IACLhB,GACJe,EAAYC,EAAGjC,0BAAkBuB,KAAK,GAGvC,CAAAmB,SAAAtF,EAAAwF,IAACe,UAAQ,CACRP,MAAO,GACPC,OAAQ,GACRC,MAAO5F,EAAawB,EAAOqC,iBAM/BZ,aAAA,EAAAA,EAASgC,SAAS3C,QAAiBA,kBAACwB,UACpCpE,EAAAA,IAAAsG,EAAAA,SAAA,CAAAhB,SACCtF,EAACwF,IAAAC,UAAQf,OAAAC,OAAA,CAAAe,KAAM,UAAWC,UAAU,UAAQ,CAAAL,SAC3CtF,EAACwF,IAAA5D,iBACAI,SAAU6B,EACViC,QAAUjB,IACLhB,GACJe,EAAYC,EAAGjC,0BAAkBwB,OAAO,EAEzCtC,SAAUA,EAAOsC,QAAM,CAAAkB,SAEvBtF,MAACwG,UAAU,CACVR,MAAO,EACPC,OAAQ,GACRC,MAAO5F,EAAawB,EAAOsC,mBAM/Bb,eAAAA,EAASgC,SAAS3C,QAAiBA,kBAACyB,iBACpCrE,EAAAA,yBACCA,EAACwF,IAAAC,yBAAQC,KAAM,gBAAiBC,UAAU,UAAQ,CAAAL,SACjDtF,MAAC4B,EAAY8C,OAAAC,OAAA,CACZ3C,SAAU6B,EACV/B,SAAUA,EAAOuC,cACjBuB,MAAO,CAAEa,YAAa,GACtBX,QAAUjB,IACLhB,GACJe,EAAYC,EAAGjC,0BAAkByB,cAAc,GAC/C,CAAAiB,SAEDtF,MAAC0G,UAAiB,CACjBV,MAAO,GACPC,OAAQ,GACRC,MAAO5F,EAAawB,EAAOuC,0BAM/Bb,eAAAA,EAAW4B,QACXpF,EAAAA,IAACmC,YACCqB,EAAU/B,KAAKkF,GACXA,EAAO7B,OAASjC,QAAmBA,oBAAC+D,SAEtC5G,EAAAA,IAAC6G,EAAAA,iBAAgB,CAEhB1F,MAAOwF,EAAOxF,MACda,SAAU6B,GAAqB8C,EAAO3E,SACtC8E,QAASH,EAAOG,QAChBtE,YAAamE,EAAOnE,YACpBuE,MAAOJ,EAAOI,MACdC,eAAgBL,EAAOK,eACvBpD,kBAAmBA,EACnBkC,QAASA,KACJjC,GACJJ,SAAAA,EAAkBkD,EAAO7B,KAAMhC,QAAeA,gBAACmE,QAAQ,EAExDC,aAAeC,IACVtD,GACJH,SAAAA,EAAiBiD,EAAO7B,KAAMqC,EAAO,EAEtCC,oBAAqBA,KAChBvD,GACJF,SAAAA,GAAyB,EAE1B0D,4BACgC,sBAA/BV,EAAOxF,MAAMmG,cAEdC,yBAA0BA,KACrB1D,GACJJ,SAAAA,EAAkBkD,EAAO7B,KAAMhC,QAAeA,gBAAC8D,SAAS,GAzBpDD,EAAO7B,MAgCd9E,EAAAA,oBACCA,EAACwF,IAAApD,iBACAJ,SACC6B,GAAqB8C,EAAO3E,UAAY2E,EAAOG,SAGhD,CAAAxB,SAAAtF,EAAAwF,IAACjD,EACAmC,OAAAC,OAAA,CAAAG,KAAK,SACLtC,cAAemE,EAAOnE,eAAiBmE,EAAOa,UAC9CxF,SAAU2E,EAAO3E,UAAY2E,EAAOG,QACpChB,QAASA,KACJjC,GACJJ,SAAAA,EAAkBkD,EAAO7B,KAAMhC,QAAeA,gBAACmE,QAAQ,GACvD,CAAA3B,SAEAqB,EAAOG,QAAU,MAAQH,EAAOxF,aAf1BwF,EAAO7B,UAsBjB,KACJ9E,EAAAwF,IAACvD,EAAwB,CAAAqD,SACvBjC,GACArD,EAAAwF,IAACnC,EAAc,CAACS,uBAAwBA,SAlK0B9D,EAAAA,kBAqKzD,IAKf+C,EAAyB0E,YAAc"}
1	+ {"version":3,"file":"WhatsAppTextEditorHeader.js","sources":["../../../../src/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n// import EmojiPicker from 'emoji-picker-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\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","_jsx","window","Promise","then","_module","default","getIconColor","isActive","COLORS","background","inverseLight","content","placeholder","Container","_styled","process","env","NODE_ENV","target","label","surface","standard","CustomRightBorder","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonHolder","props","active","inactive","disabled","CustomRightSideContainer","EmojiContainer","AIActionsContainer","AIButtonGroup","stroke","primary","AIButton","highlighted","secondary","undefined","subdued","EditorActionTypes","AIEditorActionTypes","AIActionVariant","WhatsAppTextEditorHeader","React","forwardRef","_ref2","_ref","onActionSelect","RightComponent","onEmojiClick","actions","aiActions","onAIActionClick","onAIToneChange","onAIInstructionsClick","instructionActive","disableAllActions","rightActionsDisabled","emojiPickerRef","useRef","setActive","useState","BOLD","ITALIC","STRIKETHROUGH","EMOJI","closeEmojiPicker","useCallback","prev","Object","assign","handleClick","e","type","_a","preventDefault","call","useOutside","useEffect","length","_jsxs","children","includes","jsx","Tooltip","body","placement","style","marginLeft","onClick","EmojiIcon","width","height","color","ref","data","emoji","_Fragment","BoldIcon","ItalicIcon","borderRight","StrikeThroughIcon","action","REPHRASE","AIRephraseButton","loading","tones","selectedToneId","DEFAULT","onToneChange","toneId","onInstructionsClick","showSecondaryRephraseOption","toLowerCase","onSecondaryRephraseClick","isPrimary","displayName"],"mappings":"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"}

package/dist/cjs/components/bik-layout/BikSidebar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationHyperlink.js"),d=require("./SidebarPopup.js"),a=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const u=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:d}=i,a=n,r=o,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(r,{width:20,height:20}):d?e.jsx(u,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(a,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:d,setHoveredComp:r,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var g,h,y,k,j,b;return e.jsx(a.SibeBarMenuItem,{children:e.jsxs("div",Object.assign({id:(null===(h=null===(g=t.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!d&&l(t)},onMouseOver:()=>{!d&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(r(void 0),c(void 0))},onFocus:()=>null,"aria-hidden":"true"},{children:[t.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&e.jsx("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsx(n.default,{height:16,width:16})})),e.jsxs("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[e.jsx(u,{icon:t.icon,isActive:t.key==(null==v?void 0:v.key),activeStateIcon:null!==(j=t.activeIcon)&&void 0!==j?j:{},hoverStateIcon:null!==(b=t.hoverIcon)&&void 0!==b?b:{},isHovered:t.key==(null==p?void 0:p.key)||t.key==(null==m?void 0:m.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),o)]}),o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:u,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:g,onClickingSubMenu:h,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:k,popupMinHeight:j,isNewSidebar:b,menuStyle:S}=n,[M,x]=t.useState(v),[w,C]=t.useState(),[f,L]=t.useState(p),[N,O]=t.useState(!1),[H,I]=t.useState(),[P,B]=t.useState(),[E,q]=t.useState(),[F,_]=t.useState(null),A=t.useMemo((()=>u.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[u]);t.useEffect((()=>{x(v)}),[v]),t.useEffect((()=>{L(p)}),[p]);const $=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(I(void 0),C(void 0),O(!0),x(e),e.path||g(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?L(null==e?void 0:e.children[0]):L({}),C(void 0),setTimeout((()=>{O(!1)}),1e3))}),[g]),R=t.useCallback((e=>{var i,n;if(W(),C(void 0),I(void 0),"popup"==(null==e?void 0:e.layout)){const i=T();i&&B(i),I(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=z(t);q(e)}C(e),U()}}),[]),z=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};t.useEffect((()=>{const e=()=>{const e=T();e&&B(e),D()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const D=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},T=()=>{var e,i;if(H){const n=(null===(i=null===(e=H.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||H.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=j?j:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},U=()=>{W();const e=setTimeout((()=>C(void 0)),1e4);_(e)},W=()=>{clearTimeout(F)};return e.jsxs(a.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:s||e.jsx(i.default,{})})),e.jsxs(a.MainSideBarMenuWrapper,Object.assign({style:S},{children:[null==u?void 0:u.map(((i,o)=>{var s,a,u;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(l.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsx(c,{option:i,index:o,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:I,mainActiveMenu:M,hoveredComp:w,popupMenu:H})})):e.jsx(c,{option:i,index:o,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:I,mainActiveMenu:M,hoveredComp:w,popupMenu:H}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(s=null==H?void 0:H.children)||void 0===s?void 0:s.length)&&e.jsx(d.SidebarPopup,{top:null!=P?P:void 0,menuList:null==H?void 0:H.children,onClickingPopupMenu:e=>{k&&k(e),I(void 0)},onMouseLeaveOnMenu:()=>I(void 0)}),(null===(a=null==w?void 0:w.children)||void 0===a?void 0:a.length)&&e.jsx(r.SimpleSidebar,{menuList:null==w?void 0:w.children,zIndex:null!==(u=null==n?void 0:n.zIndex)&&void 0!==u?u:void 0,activeMenu:f,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),C(void 0)},left:b?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{L(e),x(w),C(void 0),I(void 0),i&&h(e)},onUpgrade:y,top:b&&E||0,isNewSidebar:b})]})]},o)})),"number"==typeof n.onboardingPercentage&&e.jsx(a.SibeBarMenuItem,{children:e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===A?"sticky-menu":1===A?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})}))}))})]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const u=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:a}=i,d=n,r=o,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(r,{width:20,height:20}):a?e.jsx(u,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(d,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:a,setHoveredComp:r,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var g,h,y,k,j,b;return e.jsx(d.SibeBarMenuItem,{children:e.jsxs("div",Object.assign({id:(null===(h=null===(g=t.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!a&&l(t)},onMouseOver:()=>{!a&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(r(void 0),c(void 0))},onFocus:()=>{},"aria-hidden":"true"},{children:[t.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&e.jsx("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsx(n.default,{height:16,width:16})})),e.jsxs("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[e.jsx(u,{icon:t.icon,isActive:t.key==(null==v?void 0:v.key),activeStateIcon:null!==(j=t.activeIcon)&&void 0!==j?j:{},hoverStateIcon:null!==(b=t.hoverIcon)&&void 0!==b?b:{},isHovered:t.key==(null==p?void 0:p.key)||t.key==(null==m?void 0:m.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),o)]}),o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:u,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:g,onClickingSubMenu:h,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:k,popupMinHeight:j,isNewSidebar:b,menuStyle:S}=n,[M,x]=t.useState(v),[w,C]=t.useState(),[f,L]=t.useState(p),[N,O]=t.useState(!1),[H,P]=t.useState(),[B,E]=t.useState(),[I,q]=t.useState(),[F,_]=t.useState(null),A=t.useMemo((()=>u.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[u]);t.useEffect((()=>{x(v)}),[v]),t.useEffect((()=>{L(p)}),[p]);const $=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(P(void 0),C(void 0),O(!0),x(e),e.path||g(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?L(null==e?void 0:e.children[0]):L({}),C(void 0),setTimeout((()=>{O(!1)}),1e3))}),[g]),R=t.useCallback((e=>{var i,n;if(W(),C(void 0),P(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&E(i),P(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=D(t);q(e)}C(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};t.useEffect((()=>{const e=()=>{const e=U();e&&E(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},U=()=>{var e,i;if(H){const n=(null===(i=null===(e=H.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||H.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=j?j:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>C(void 0)),1e4);_(e)},W=()=>{clearTimeout(F)};return e.jsxs(d.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:s||e.jsx(i.default,{})})),e.jsxs(d.MainSideBarMenuWrapper,Object.assign({style:S},{children:[null==u?void 0:u.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(l.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:P,mainActiveMenu:M,hoveredComp:w,popupMenu:H})})):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:P,mainActiveMenu:M,hoveredComp:w,popupMenu:H}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==H?void 0:H.children)||void 0===o?void 0:o.length)&&e.jsx(a.SidebarPopup,{top:null!=B?B:void 0,menuList:null==H?void 0:H.children,onClickingPopupMenu:e=>{k&&k(e),P(void 0)},onMouseLeaveOnMenu:()=>P(void 0)}),(null===(s=null==w?void 0:w.children)||void 0===s?void 0:s.length)&&e.jsx(r.SimpleSidebar,{menuList:null==w?void 0:w.children,activeMenu:f,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),C(void 0)},left:b?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{L(e),x(w),C(void 0),P(void 0),i&&h(e)},onUpgrade:y,top:b&&I||0,isNewSidebar:b})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(d.SibeBarMenuItem,{children:e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===A?"sticky-menu":1===A?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})}))}))})]}))]})};
 //# sourceMappingURL=BikSidebar.js.map

package/dist/cjs/components/bik-layout/BikSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\n\tkey: string \| number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' \| 'popup' \| string \| undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n\tzIndex?: number;\n}\n\ninterface GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem \| undefined;\n\thoveredComp: MenuItem \| undefined;\n\tpopupMenu: MenuItem \| undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout \| null>(\n\t\tnull,\n\t);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky \|\| menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItem) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItem) => {\n\t\tclearRemnantTimers();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') \|\| option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement \| null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' \|\|\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarMenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarPopup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\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{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tzIndex={bikSidebarProps?.zIndex ?? undefined}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\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</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\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<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarProps.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') \|\| option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFocus={() => null}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t} ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' \|\|\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key \|\| option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\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\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","jsxs","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","zIndex","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"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"}
1	+ {"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\n\tkey: string \| number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' \| 'popup' \| string \| undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem \| undefined;\n\thoveredComp: MenuItem \| undefined;\n\tpopupMenu: MenuItem \| undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout \| null>(\n\t\tnull,\n\t);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky \|\| menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItem) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItem) => {\n\t\tclearRemnantTimers();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') \|\| option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement \| null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' \|\|\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarMenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarPopup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\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{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\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</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\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<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarProps.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') \|\| option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFocus={() => {}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t} ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' \|\|\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key \|\| option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\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\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","jsxs","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../assets/icons/aiContentIcon.svg.js"),l=require("../template-preview/TemplatePreview.styled.js"),t=require("react-slick"),o=require("./CarouselPreview.style.js"),a=require("./CarouselPreviewCard.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../template-preview/helpers/templateMiscHelper.js"),d=require("../template-preview/RCS/RCSPreview.styled.js"),u=require("./CustomCarouselArrows.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=c(r),p=c(t);const w=v.default.forwardRef((r=>{let{channel:t,template:u,isPreview:c,removeBottomBorder:v,borderRadius:p,showArrows:w,hideBorder:m,showSampleValues:h}=r;var x,j;const{sliderRef:f,selectedCarouselIndex:P,cardCount:g,setIsCarouselHovered:b,cardIndex:I,showVariablePicker:R}=i.useTemplateModalContext(),q=-1==I?n.determineCardIndex(t):I,S=null===(j=null===(x=null==u?void 0:u.components)||void 0===x?void 0:x[q])||void 0===j?void 0:j.cards,A=(null==S?void 0:S.length)?e.jsx(C,{cards:S,cardCount:null!=g?g:0,selectedCarouselIndex:null!=P?P:-1,sliderRef:f,isPreview:c,showArrows:w,channel:t,template:u,setIsCarouselHovered:b,showSampleValues:!!h,showVariablePicker:R}):null;return n.isRCSChannel(t)?e.jsx(d.RCSCarousalContainer,Object.assign({borderRadius:p},{children:A})):e.jsxs(o.Container,Object.assign({removeBottomBorder:v,borderRadius:p,hideBorder:m},{children:[(!!(null==u?void 0:u.aiContentConfigId)||!!(null==u?void 0:u.isAiGenerated))&&e.jsx(l.AiContentBadge,{children:e.jsx(s.default,{width:48,height:48})}),e.jsx(a.default,{channel:t,currentTemplate:u,carouselCardIndex:-1,isPreview:c,width:"77%"}),A]}))})),C=r=>{let{cards:s,cardCount:l,selectedCarouselIndex:t,sliderRef:i,isPreview:n,showArrows:d,channel:c,template:v,setIsCarouselHovered:w,showSampleValues:C,showVariablePicker:m}=r;return e.jsx(o.CarouselSlickContainer,Object.assign({cardCount:l,selectedCarouselIndex:t,onMouseEnter:()=>!m&&(null==w?void 0:w(!0)),onMouseLeave:()=>!m&&(null==w?void 0:w(!1))},{children:e.jsx(p.default,Object.assign({ref:i,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!n,centerMode:!0,arrows:d,adaptiveHeight:!0,nextArrow:e.jsx(u.CustomCarouselRightArrow,{isPreview:null!=n&&n}),prevArrow:e.jsx(u.CustomCarouselLeftArrow,{isPreview:null!=n&&n})},{children:null==s?void 0:s.map(((r,s)=>{var l,t;const o={components:r.components,mapping:null===(t=null===(l=null==v?void 0:v.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[s],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(a.default,{channel:c,currentTemplate:o,carouselCardIndex:s,isPreview:n,width:"100%",showSampleValues:C},s)}))}))}))};exports.CarouselPreview=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/aiContentIcon.svg.js"),s=require("react"),l=require("react-slick"),t=require("./CarouselPreview.style.js"),o=require("./CarouselPreviewCard.js"),a=require("../template-preview/TemplatePreview.styled.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../template-preview/helpers/templateMiscHelper.js"),d=require("../template-preview/RCS/RCSPreview.styled.js"),u=require("./CustomCarouselArrows.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=c(s),p=c(l);const w=v.default.forwardRef((s=>{let{channel:l,template:u,isPreview:c,removeBottomBorder:v,borderRadius:p,showArrows:w,hideBorder:m,showSampleValues:h}=s;var x,j;const{sliderRef:f,selectedCarouselIndex:P,cardCount:g,setIsCarouselHovered:b,cardIndex:I,showVariablePicker:R}=i.useTemplateModalContext(),q=-1==I?n.determineCardIndex(l):I,S=null===(j=null===(x=null==u?void 0:u.components)||void 0===x?void 0:x[q])||void 0===j?void 0:j.cards,A=(null==S?void 0:S.length)?e.jsx(C,{cards:S,cardCount:null!=g?g:0,selectedCarouselIndex:null!=P?P:-1,sliderRef:f,isPreview:c,showArrows:w,channel:l,template:u,setIsCarouselHovered:b,showSampleValues:!!h,showVariablePicker:R}):null;return n.isRCSChannel(l)?e.jsx(d.RCSCarousalContainer,Object.assign({borderRadius:p},{children:A})):e.jsxs(t.Container,Object.assign({removeBottomBorder:v,borderRadius:p,hideBorder:m},{children:[(!!(null==u?void 0:u.aiContentConfigId)||!!(null==u?void 0:u.isAiGenerated))&&e.jsx(a.AiContentBadge,{children:e.jsx(r.default,{width:48,height:48})}),e.jsx(o.default,{channel:l,currentTemplate:u,carouselCardIndex:-1,isPreview:c,width:"77%"}),A]}))})),C=r=>{let{cards:s,cardCount:l,selectedCarouselIndex:a,sliderRef:i,isPreview:n,showArrows:d,channel:c,template:v,setIsCarouselHovered:w,showSampleValues:C,showVariablePicker:m}=r;return e.jsx(t.CarouselSlickContainer,Object.assign({cardCount:l,selectedCarouselIndex:a,onMouseEnter:()=>!m&&(null==w?void 0:w(!0)),onMouseLeave:()=>!m&&(null==w?void 0:w(!1))},{children:e.jsx(p.default,Object.assign({ref:i,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!n,centerMode:!0,arrows:d,adaptiveHeight:!0,nextArrow:e.jsx(u.CustomCarouselRightArrow,{isPreview:null!=n&&n}),prevArrow:e.jsx(u.CustomCarouselLeftArrow,{isPreview:null!=n&&n})},{children:null==s?void 0:s.map(((r,s)=>{var l,t;const a={components:r.components,mapping:null===(t=null===(l=null==v?void 0:v.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[s],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(o.default,{channel:c,currentTemplate:a,carouselCardIndex:s,isPreview:n,width:"100%",showSampleValues:C},s)}))}))}))};exports.CarouselPreview=w;
 //# sourceMappingURL=CarouselPreview.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport ~~React from 'react';\nimport~~ AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport { ~~AiContentBadge }~~ from '~~@src/components/template-preview/TemplatePreview.styled~~';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\|\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","forwardRef","_ref","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardIndex","cardsIndex","showVariablePicker","useTemplateModalContext","determineCardIndex","cards","_b","_a","components","carouselSlider","length","_jsx","CarouselSlider","isRCSChannel","RCSCarousalContainer","Object","assign","children","_jsxs","Container","AiContentBadge","jsx","AiContentIcon","width","height","CarouselPreviewCard","currentTemplate","carouselCardIndex","_ref2","CarouselSlickContainer","onMouseEnter","onMouseLeave","Slider","ref","swipeToSlide","draggable","swipe","infinite","focusOnSelect","centerMode","arrows","adaptiveHeight","nextArrow","CustomCarouselRightArrow","prevArrow","CustomCarouselLeftArrow","map","carousel","index","currentCarousel","mapping","content","templateType"],"mappings":"mpBA6BO,MAAMA,EAAkBC,EAAAA,QAAMC,YAapCC,IASK,IATJC,QACAA,EAAOC,SACPA,EAAQC,UACRA,EAASC,mBACTA,EAAkBC,aAClBA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,iBACVA,GACAR,UACA,MAAMS,UACLA,EAASC,sBACTA,EAAqBC,UACrBA,EAASC,qBACTA,EACAC,UAAWC,EAAUC,mBACrBA,GACGC,EAAuBA,0BAErBH,GACU,GAAfC,EAAmBG,EAAAA,mBAAmBhB,GAAWa,EAC5CI,EAEL,QAFaC,EACb,QADcC,EAAAlB,aAAQ,EAARA,EAAuCmB,kBACrD,IAAAD,OAAA,EAAAA,EAAAP,UACA,IAAAM,OAAA,EAAAA,EAAED,MAEGI,GAAiBJ,aAAA,EAAAA,EAAOK,QAC7BC,EAAAA,IAACC,GACAP,MAAOA,EACPP,UAAWA,QAAAA,EAAa,EACxBD,sBAAuBA,QAAAA,GAA0B,EACjDD,UAAWA,EACXN,UAAWA,EACXG,WAAYA,EACZL,QAASA,EACTC,SAAUA,EACVU,qBAAsBA,EACtBJ,mBAAoBA,EACpBO,mBAAoBA,IAElB,KAEJ,OAAIW,EAAAA,aAAazB,GAEfuB,MAACG,EAAAA,qBAAqBC,OAAAC,OAAA,CAAAxB,aAAcA,GAClC,CAAAyB,SAAAR,KAMHS,OAACC,EAAAA,UAASJ,OAAAC,OAAA,CACTzB,mBAAoBA,EACpBC,aAAcA,EACdE,WAAYA,GAAU,CAAAuB,SAAA,KAElB5B,aAAQ,EAARA,EAA8B,uBAC/BA,aAAA,EAAAA,EAA0B,iBAC5BsB,EAAAA,IAACS,EAAAA,eAAc,CAAAH,SACdN,EAACU,IAAAC,UAAc,CAAAC,MAAO,GAAIC,OAAQ,OAGpCb,EAACU,IAAAI,UACA,CAAArC,QAASA,EACTsC,gBAAiBrC,EACjBsC,mBAAoB,EACpBrC,UAAWA,EACXiC,MAAM,QAENd,KACU,IAKTG,EAAiBgB,IAAA,IAACvB,MACvBA,EAAKP,UACLA,EAASD,sBACTA,EAAqBD,UACrBA,EAASN,UACTA,EAASG,WACTA,EAAUL,QACVA,EAAOC,SACPA,EAAQU,qBACRA,EAAoBJ,iBACpBA,EAAgBO,mBAChBA,GAaA0B,EAAA,OACAjB,MAACkB,EAAAA,uBACAd,OAAAC,OAAA,CAAAlB,UAAWA,EACXD,sBAAuBA,EACvBiC,aAAcA,KAAO5B,IAAsBH,aAAoB,EAApBA,GAAuB,IAClEgC,aAAcA,KAAO7B,IAAsBH,aAAoB,EAApBA,GAAuB,KAElE,CAAAkB,SAAAN,EAAAU,IAACW,UAAMjB,OAAAC,OAAA,CACNiB,IAAKrC,EACLsC,cACA,EAAAC,aACAC,OAAK,EACLC,UAAU,EACVC,eAAgBhD,EAChBiD,YACA,EAAAC,OAAQ/C,EACRgD,gBAAc,EACdC,UAAW/B,EAAAU,IAACsB,2BAAwB,CAACrD,UAAWA,SAAAA,IAChDsD,UAAWjC,EAAAU,IAACwB,0BAAwB,CAAAvD,UAAWA,SAAAA,KAAsB,CAAA2B,SAEpEZ,aAAA,EAAAA,EAAOyC,KAAI,CAACC,EAAUC,aACtB,MAAMC,EAAkB,CACvBzC,WAAYuC,EAASvC,WACrB0C,QAAiC,QAAxB5C,EAAiB,QAAjBC,EAAAlB,aAAQ,EAARA,EAAU6D,eAAO,IAAA3C,OAAA,EAAAA,EAAEF,aAAK,IAAAC,OAAA,EAAAA,EAAG0C,GACpCG,QAAS9D,eAAAA,EAAoB,QAC7B+D,aAAc/D,eAAAA,EAAyB,cAExC,OACCsB,EAAAA,IAACc,EAAAA,QAAmB,CAEnBrC,QAASA,EACTsC,gBAAiBuB,EACjBtB,kBAAmBqB,EACnB1D,UAAWA,EACXiC,MAAM,OACN5B,iBAAkBA,GANbqD,EAOJ,SAImB"}
1	+ {"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { AiContentBadge } from '@src/components/template-preview/TemplatePreview.styled';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\|\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","forwardRef","_ref","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardIndex","cardsIndex","showVariablePicker","useTemplateModalContext","determineCardIndex","cards","_b","_a","components","carouselSlider","length","_jsx","CarouselSlider","isRCSChannel","RCSCarousalContainer","Object","assign","children","_jsxs","Container","AiContentBadge","jsx","AiContentIcon","width","height","CarouselPreviewCard","currentTemplate","carouselCardIndex","_ref2","CarouselSlickContainer","onMouseEnter","onMouseLeave","Slider","ref","swipeToSlide","draggable","swipe","infinite","focusOnSelect","centerMode","arrows","adaptiveHeight","nextArrow","CustomCarouselRightArrow","prevArrow","CustomCarouselLeftArrow","map","carousel","index","currentCarousel","mapping","content","templateType"],"mappings":"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"}

package/dist/cjs/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement \| HTMLTextAreaElement \| null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement \| HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement \| HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement \| HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value \|\| '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' \|\|\n\t\t\t\terrorMessage \|\|\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage \|\| props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value \|\| '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText \|\| '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate \|\| validateInput;\n\t\t\tif (!validateFunction \|\| !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText \|\| !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage \|\| hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' \|\| isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.IconHolder ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{['x-small', 'small'].includes(variant) && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText \|\| !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader invalid={isInvalid} maxCharAlignment={maxCharAlignment}>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\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</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","allowUnsafeInput","Object","assign","LeftIcon","icon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","current","style","height","_a","onReferenceInit","call","numberInput","includes","addEventListener","onWheel","passive","removeEventListener","focus","executeCallback","cb","isFunction","_len","arguments","length","params","Array","_key","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","MIN_CHAR_LIMIT","inputText","target","which","preventDefault","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","substring","textControl","scrollHeight","validateFunction","validateInput","isValid","error","onFocus","skipFocus","onBlur","getInputHTML","_jsxs","_Fragment","children","_jsx","className","id","input","ref","disabled","onClick","maxLength","undefined","SC","width","RootContainer","jsxs","invalid","ErrorIcon","position","_c","_b","toString","_e","InputWrapper","_d","IconHolder","callback","isLeft","_f","jsx","PrefixHolder","InputContainer","SuffixHolder","text","Button","buttonText","buttonType","buttonProps","TitleSmall","BodySecondary","tooltipText","Tooltip","body","placement","InfoIcon","marginTop","color","COLORS","content","negative","primary","_g","_h","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement \| HTMLTextAreaElement \| null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement \| HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement \| HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement \| HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value \|\| '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' \|\|\n\t\t\t\terrorMessage \|\|\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage \|\| props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value \|\| '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText \|\| '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate \|\| validateInput;\n\t\t\tif (!validateFunction \|\| !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText \|\| !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage \|\| hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' \|\| isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.IconHolder ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{['x-small', 'small'].includes(variant) && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText \|\| !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader\n\t\t\t\t\t\tinvalid={isInvalid}\n\t\t\t\t\t\tmaxCharAlignment={maxCharAlignment}\n\t\t\t\t\t>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\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</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","allowUnsafeInput","Object","assign","LeftIcon","icon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","current","style","height","_a","onReferenceInit","call","numberInput","includes","addEventListener","onWheel","passive","removeEventListener","focus","executeCallback","cb","isFunction","_len","arguments","length","params","Array","_key","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","MIN_CHAR_LIMIT","inputText","target","which","preventDefault","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","substring","textControl","scrollHeight","validateFunction","validateInput","isValid","error","onFocus","skipFocus","onBlur","getInputHTML","_jsxs","_Fragment","children","_jsx","className","id","input","ref","disabled","onClick","maxLength","undefined","SC","width","RootContainer","jsxs","invalid","ErrorIcon","position","_c","_b","toString","_e","InputWrapper","_d","IconHolder","callback","isLeft","_f","jsx","PrefixHolder","InputContainer","SuffixHolder","text","Button","buttonText","buttonType","buttonProps","TitleSmall","BodySecondary","tooltipText","Tooltip","body","placement","InfoIcon","marginTop","color","COLORS","content","negative","primary","_g","_h","displayName"],"mappings":"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"}

package/dist/cjs/components/template-preview/TemplatePreview.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("./TemplatePreview.styled.js"),s=require("../TypographyStyle.js"),r=require("./EmailTemplateThumbnailPreview.js"),o=require("./models/Channels.js"),d=require("./SmsTemplatePreview.js"),u=require("./webpush/WebpushPreview.js"),p=require("./WhatsAppTemplatePreview.js");const c={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=m=>{let{template:v,channel:h,whatsAppSpecificMeta:C,templateCreationsInfo:j,hideHeader:g,size:b,onlyTemplateContent:x,emailSpecificMeta:S,smsSpecificMeta:y,showSampleValues:T,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,applyBorderBottom:E,webPushSpecificMeta:f,hidePointerEvents:A}=m;var H,q;const{setSelectedCarouselIndex:W}=t.useTemplateModalContext();return h===o.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0,border:j?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==y?void 0:y.templateContainerStyles)},{children:e.jsx(d.default,{template:v,hideHeader:g,onlyTemplateContent:x,size:null!=b?b:"large",variableStore:null==y?void 0:y.smsVariableStore,display_content:null==y?void 0:y.smsDisplayContent,uniqueId:null==y?void 0:y.uniqueId})})):h===o.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(r.default,{template:v,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:g,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId,applyBorderBottom:E,hidePointerEvents:A})})):h===o.CHANNEL_TYPE.WHATSAPP||h===o.CHANNEL_TYPE.RCS?e.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign({},null==C?void 0:C.templateContainerStyles),j?c.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(W&&w){if(-1===P&&!(null===(t=null===(e=null==v?void 0:v.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;W(null!=P?P:-1)}}},{children:[j?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(s.TitleRegular,{children:l.default.convertToTitleCase(null!==(H=null==v?void 0:v.label)&&void 0!==H?H:"")})})):e.jsx(e.Fragment,{}),e.jsx(p.default,{showSampleValues:T,showHeader:null==C?void 0:C.showWhatsAppHeader,extras:null==C?void 0:C.whatsAppExtras,template:v,size:j?"small":null!=b?b:"large",containerStyle:Object.assign(Object.assign({borderWidth:j?0:1,borderTopWidth:1},null!==(q=null==C?void 0:C.containerStyle)&&void 0!==q?q:{}),{height:"100%"}),zeroStateComponent:null==C?void 0:C.zeroStateComponent,usePlaceHolderName:null==C?void 0:C.usePlaceHolderName,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,channel:h}),(!!(null==v?void 0:v.aiContentConfigId)||!!(null==v?void 0:v.isAiGenerated))&&!w&&e.jsx(n.AiContentBadge,{children:e.jsx(a.default,{width:48,height:48})})]})):h==o.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==f?void 0:f.containerStyle)},{children:e.jsx(u.default,{template:v,extraContainerCss:null==f?void 0:f.extraContainerCss})})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("../TypographyStyle.js"),s=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),o=require("./SmsTemplatePreview.js"),d=require("./TemplatePreview.styled.js"),u=require("./webpush/WebpushPreview.js"),p=require("./WhatsAppTemplatePreview.js");const c={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=m=>{let{template:v,channel:h,whatsAppSpecificMeta:C,templateCreationsInfo:j,hideHeader:g,size:b,onlyTemplateContent:x,emailSpecificMeta:S,smsSpecificMeta:y,showSampleValues:T,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,applyBorderBottom:E,webPushSpecificMeta:f,hidePointerEvents:A}=m;var H,q;const{setSelectedCarouselIndex:W}=t.useTemplateModalContext();return h===r.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0,border:j?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==y?void 0:y.templateContainerStyles)},{children:e.jsx(o.default,{template:v,hideHeader:g,onlyTemplateContent:x,size:null!=b?b:"large",variableStore:null==y?void 0:y.smsVariableStore,display_content:null==y?void 0:y.smsDisplayContent,uniqueId:null==y?void 0:y.uniqueId})})):h===r.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:j?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(s.default,{template:v,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:g,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId,applyBorderBottom:E,hidePointerEvents:A})})):h===r.CHANNEL_TYPE.WHATSAPP||h===r.CHANNEL_TYPE.RCS?e.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign({},null==C?void 0:C.templateContainerStyles),j?c.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(W&&w){if(-1===P&&!(null===(t=null===(e=null==v?void 0:v.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;W(null!=P?P:-1)}}},{children:[j?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(n.TitleRegular,{children:l.default.convertToTitleCase(null!==(H=null==v?void 0:v.label)&&void 0!==H?H:"")})})):e.jsx(e.Fragment,{}),e.jsx(p.default,{showSampleValues:T,showHeader:null==C?void 0:C.showWhatsAppHeader,extras:null==C?void 0:C.whatsAppExtras,template:v,size:j?"small":null!=b?b:"large",containerStyle:Object.assign(Object.assign({borderWidth:j?0:1,borderTopWidth:1},null!==(q=null==C?void 0:C.containerStyle)&&void 0!==q?q:{}),{height:"100%"}),zeroStateComponent:null==C?void 0:C.zeroStateComponent,usePlaceHolderName:null==C?void 0:C.usePlaceHolderName,carouselCardIndex:P,isWhatsappCarousel:w,isPreview:O,channel:h}),(!!(null==v?void 0:v.aiContentConfigId)||!!(null==v?void 0:v.isAiGenerated))&&!w&&e.jsx(d.AiContentBadge,{children:e.jsx(a.default,{width:48,height:48})})]})):h==r.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==f?void 0:f.containerStyle)},{children:e.jsx(u.default,{template:v,extraContainerCss:null==f?void 0:f.extraContainerCss})})):e.jsx(e.Fragment,{})};
 //# sourceMappingURL=TemplatePreview.js.map

package/dist/cjs/components/template-preview/TemplatePreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' \| 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\|\n\t\t\t\t\t!!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","styles","WhatsAppWrapper","backgroundColor","COLORS","surface","standard","borderRadius","border","background","inactive","marginTop","_ref","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","SMS","_jsx","Object","assign","style","stroke","primary","templateContainerStyles","jsx","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","position","onClick","mapping","body","_b","length","padding","TitleRegular","StringUtils","convertToTitleCase","label","WhatsappTemplatePreview","showHeader","showWhatsAppHeader","extras","whatsAppExtras","borderWidth","borderTopWidth","height","zeroStateComponent","usePlaceHolderName","AiContentBadge","children","AiContentIcon","width","WEBPUSH","WebpushPreview","extraContainerCss"],"mappings":"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"}
1	+ {"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' \| 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\| !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","styles","WhatsAppWrapper","backgroundColor","COLORS","surface","standard","borderRadius","border","background","inactive","marginTop","_ref","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","SMS","_jsx","Object","assign","style","stroke","primary","templateContainerStyles","jsx","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","position","onClick","mapping","body","_b","length","children","padding","TitleRegular","StringUtils","convertToTitleCase","label","WhatsappTemplatePreview","showHeader","showWhatsAppHeader","extras","whatsAppExtras","borderWidth","borderTopWidth","height","zeroStateComponent","usePlaceHolderName","AiContentBadge","AiContentIcon","width","WEBPUSH","WebpushPreview","extraContainerCss"],"mappings":"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"}

package/dist/cjs/editor/BikEditor.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../node_modules/@tiptap/core/dist/index.js"),n=require("@tiptap/react"),o=require("react"),i=require("./BikEditor.styles.js"),r=require("./BikEditor.types.js"),l=require("./BikEditor.utils.js"),s=require("./extensions/buildExtensions.js"),c=require("./floating/LinkBubbleMenu.js");function u(t){return Object.entries(t).map((t=>{let[e,n]=t;return`${e.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${n}`})).join(";")}const a=(a,d)=>{var m,v,g,h,f,C,p;const{initialContent:S,sections:x,features:k,disabled:y,maxCharacters:H,shortcuts:B,sendShortcut:b,mentions:z,slashCommands:A,link:E,onPaste:I,onReady:R,onChange:j,onSend:L,onFocus:T,onBlur:F,onSelectionChange:M,minHeight:O,maxHeight:q,style:w,className:P,editorClassName:D,editorStyle:U}=a,N=(null==x?void 0:x.length)?l.buildSectionedContent(l.normalizeHtml(null!=S?S:""),x.map((t=>Object.assign(Object.assign({},t),{content:l.normalizeHtml(t.content)})))):l.normalizeHtml(null!=S?S:""),_=o.useRef([]),$=o.useRef(!1),J=o.useRef(R);J.current=R;const V=o.useRef(j);V.current=j;const W=o.useRef(M);W.current=M;const Z=o.useRef(T);Z.current=T;const G=o.useRef(F);G.current=F;const K=o.useRef(L);K.current=L;const Q=o.useRef(null!==(m=null==z?void 0:z.agents)&&void 0!==m?m:[]);Q.current=null!==(v=null==z?void 0:z.agents)&&void 0!==v?v:[];const X=o.useRef(null!==(g=null==z?void 0:z.teams)&&void 0!==g?g:[]);X.current=null!==(h=null==z?void 0:z.teams)&&void 0!==h?h:[];const Y=o.useRef(null!==(f=null==A?void 0:A.items)&&void 0!==f?f:[]);Y.current=null!==(C=null==A?void 0:A.items)&&void 0!==C?C:[];const tt=n.useEditor({extensions:s.buildExtensions({features:k,placeholder:a.placeholder,maxCharacters:H,hasSections:(null!==(p=null==x?void 0:x.length)&&void 0!==p?p:0)>0,mentions:{agents:(null==z?void 0:z.agents)?Q:void 0,teams:(null==z?void 0:z.teams)?X:void 0},slashCommands:(null==A?void 0:A.items)?Y:void 0,onPaste:I,onSend:L?t=>{var e;return null===(e=K.current)\|\|void 0===e?void 0:e.call(K,t)}:void 0,sendShortcut:b,shortcuts:B,onMentionSelected:null==z?void 0:z.onSelect,onSlashCommandSelected:null==A?void 0:A.onSelect,renderMentionItem:null==z?void 0:z.renderItem,renderMentionDropdown:null==z?void 0:z.renderDropdown,renderSlashCommandItem:null==A?void 0:A.renderItem,renderSlashCommandDropdown:null==A?void 0:A.renderDropdown}),content:N,editable:!y,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},D?{class:D}:{}),U?{style:u(U)}:{})},onUpdate:t=>{let{editor:e}=t;var n;null===(n=V.current)\|\|void 0===n\|\|n.call(V,l.extractContent(e))},onTransaction:t=>{let{editor:e}=t;var n;null===(n=W.current)\|\|void 0===n\|\|n.call(W,l.extractActiveFormats(e))},onFocus:()=>{var t;return null===(t=Z.current)\|\|void 0===t?void 0:t.call(Z)},onBlur:()=>{var t;return null===(t=G.current)\|\|void 0===t?void 0:t.call(G)}});function et(t){tt?t(tt):_.current.push(t)}return o.useEffect((()=>{var t;if(tt){if(_.current.length>0){_.current.splice(0).forEach((t=>t(tt)))}$.current\|\|($.current=!0,null===(t=J.current)\|\|void 0===t\|\|t.call(J))}}),[tt]),o.useImperativeHandle(d,(()=>({focus:t=>et((e=>e.commands.focus(t))),blur:()=>et((t=>t.commands.blur())),clearContent:()=>et((t=>t.commands.clearContent(!0))),setContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.setContent(e,{emitUpdate:!0})))},insertContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContent(e)))},insertInlineContent:t=>{et((e=>l.insertInlineHtml(e,t)))},insertAtStart:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(1,e)))},insertBlock:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size,e)))},appendInline:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size-1,e)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>tt?l.extractContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==tt?void 0:tt.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,e=new Set;return tt?(tt.state.doc.descendants((n=>{"mentionAgent"===n.type.name&&null!=n.attrs.id?t.add(String(n.attrs.id)):"mentionTeam"===n.type.name&&null!=n.attrs.id&&e.add(String(n.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(e)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!tt)return{from:0,to:0};const{from:t,to:e}=tt.state.selection;return{from:t,to:e}},insertAtPosition:(t,e)=>{const n=l.normalizeHtml(e);et((e=>e.commands.insertContentAt(t,n)))},getSelectedText:()=>{if(!tt)return"";const{state:t}=tt,{from:n,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(n,o," ");const r=t.schema.marks.link;if(r){const o=e.getMarkRange(t.doc.resolve(n),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,e,n,o;return{count:null!==(o=null!==(n=null===(e=null===(t=null==tt?void 0:tt.storage.characterCount)\|\|void 0===t?void 0:t.characters)\|\|void 0===e?void 0:e.call(t))&&void 0!==n?n:null==tt?void 0:tt.getText().length)&&void 0!==o?o:0,limit:null!=H?H:null}},getSectionContent:t=>tt?l.extractSectionContent(tt,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,e)=>{const n=l.normalizeHtml(e);et((e=>l.setSectionContentInEditor(e,t,n)))},focusSection:t=>{et((e=>{if("body"===t){let t=e.state.doc.content.size-1;return e.state.doc.descendants(((n,o)=>("sectionDivider"===n.type.name&&t===e.state.doc.content.size-1&&(t=o-1),t===e.state.doc.content.size-1))),t<1&&(t=1),void e.chain().focus().setTextSelection(t).run()}let n=-1;e.state.doc.descendants(((e,o)=>{if(-1!==n)return!1;"sectionDivider"===e.type.name&&e.attrs.sectionId===t&&(n=o+e.nodeSize+1)})),-1!==n&&e.chain().focus().setTextSelection(n).run()}))},clearSection:t=>{et((e=>l.setSectionContentInEditor(e,t,"<p></p>")))},getBodyContent:()=>tt?l.extractBodyContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>l.setSectionContentInEditor(t,"body",e)))},setBodyAndSections:(t,e)=>{const n=l.buildSectionedContent(l.normalizeHtml(t),e.map((t=>({id:t.id,content:l.normalizeHtml(t.content)}))));et((t=>t.commands.setContent(n,{emitUpdate:!0})))},appendBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>{const n=l.findSectionEndPos(t,"body");t.commands.insertContentAt(n-1,e)}))},insertAtSectionStart:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionStartPos(e,t);-1!==o&&e.commands.insertContentAt(o,n)}))},insertAtSectionEnd:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionEndPos(e,t);e.commands.insertContentAt(o,n)}))},getActiveFormats:()=>tt?l.extractActiveFormats(tt):r.DEFAULT_FORMAT_STATE,actions:{toggleBold:()=>null==tt?void 0:tt.chain().focus().toggleBold().run(),toggleItalic:()=>null==tt?void 0:tt.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==tt?void 0:tt.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==tt?void 0:tt.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==tt?void 0:tt.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==tt?void 0:tt.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==tt?void 0:tt.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==tt?void 0:tt.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==tt?void 0:tt.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==tt?void 0:tt.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==tt?void 0:tt.chain().focus().setFontSize(t).run(),setColor:t=>null==tt?void 0:tt.chain().focus().setColor(t).run(),setHighlight:t=>null==tt?void 0:tt.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==tt?void 0:tt.chain().focus().unsetColor().run(),unsetHighlight:()=>null==tt?void 0:tt.chain().focus().unsetHighlight().run(),setLink:(t,e)=>{tt&&(void 0!==e?tt.chain().focus().extendMarkRange("link").command((n=>{let{tr:o,state:i}=n;const{from:r,to:l}=o.selection,s=i.schema.marks.link;if(!s)return!1;const c=i.schema.text(e,[s.create({href:t})]),u=i.schema.text(" ");return o.replaceWith(r,l,[c,u]),!0})).run():tt.chain().focus().extendMarkRange("link").setLink({href:t}).insertContent(" ").run())},updateLink:t=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==tt?void 0:tt.chain().focus().insertContent(t).run(),insertVariable:t=>null==tt?void 0:tt.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==tt?void 0:tt.commands.insertContent(l.normalizeHtml(t)),undo:()=>null==tt?void 0:tt.chain().focus().undo().run(),redo:()=>null==tt?void 0:tt.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==tt?void 0:tt.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==tt?void 0:tt.chain().focus().toggleSubscript().run(),insertImage:t=>null==tt?void 0:tt.chain().focus().setImage({src:t}).run()}})),[tt]),tt?t.jsxs(i.BikEditorShell,Object.assign({minHeight:O,maxHeight:q,style:w,className:P},{children:[t.jsx(n.EditorContent,{editor:tt}),t.jsx(c.LinkBubbleMenu,{editor:tt,renderLinkTooltip:null==E?void 0:E.renderTooltip})]})):null},d=o.forwardRef(a);d.displayName="BikEditor",exports.BikEditor=d;
2	+ //# sourceMappingURL=BikEditor.js.map