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

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

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 (2311) hide show

package/dist/esm/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) =>\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","import","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","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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"}
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","import","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","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/src → esm}/components/bik-layout/BikSidebar.d.ts RENAMED Viewed

@@ -29,5 +29,6 @@ export interface BikSidebarProps {
     isNewSidebar?: boolean;
     onboardingPercentage?: number;
     menuStyle?: React.CSSProperties;
+    zIndex?: number;
 }
 export declare const BikSidebar: React.FC<BikSidebarProps>;

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

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

package/dist/esm/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}\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","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","is2ndLastSticky","isLastSticky","length","useEffect","onClickMainMenuLogic","useCallback","option","layout","undefined","path","_a","children","setTimeout","setHandleHoverForFullLayout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","_b","displayName","split","join","key","toString","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","className","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","height","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","_jsxs","SideBarContainer","_jsx","Object","assign","onClick","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","index","Fragment","NavigationHyperlink","href","EachSidebarMenuItem","_Fragment","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","SibeBarMenuItem","id","CircularProgressBar","percentage","width","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","HoverIcon","color","COLORS","surface","standard","_ref","onMouseEnter","onMouseOver","onMouseLeave","onFocus","isNew","isLocked","LockedIcon","_d","_c","_e","activeIcon","hoverIcon","_f"],"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\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","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","is2ndLastSticky","isLastSticky","length","useEffect","onClickMainMenuLogic","useCallback","option","layout","undefined","path","_a","children","setTimeout","setHandleHoverForFullLayout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","_b","displayName","split","join","key","toString","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","className","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","height","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","_jsxs","SideBarContainer","_jsx","Object","assign","onClick","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","index","Fragment","NavigationHyperlink","href","EachSidebarMenuItem","_Fragment","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","zIndex","_c","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","SibeBarMenuItem","id","CircularProgressBar","percentage","width","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","HoverIcon","color","COLORS","surface","standard","_ref","onMouseEnter","onMouseOver","onMouseLeave","onFocus","isNew","isLocked","LockedIcon","_d","_e","activeIcon","hoverIcon","_f"],"mappings":"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"}

package/dist/{cjs/src → esm}/components/bik-layout/MockMenus.d.ts RENAMED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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

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

package/dist/esm/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 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","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":"uuBA6BO,MAAMA,EAAkBC,EAAMC,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,IAEEH,GACU,GAAfC,EAAmBG,EAAmBhB,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,EAACC,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,EAAazB,GAEfuB,EAACG,EAAqBC,OAAAC,OAAA,CAAAxB,aAAcA,GAClC,CAAAyB,SAAAR,KAMHS,EAACC,EAASJ,OAAAC,OAAA,CACTzB,mBAAoBA,EACpBC,aAAcA,EACdE,WAAYA,GAAU,CAAAuB,SAAA,KAElB5B,aAAQ,EAARA,EAA8B,uBAC/BA,aAAA,EAAAA,EAA0B,iBAC5BsB,EAACS,EAAc,CAAAH,SACdN,EAACU,EAAc,CAAAC,MAAO,GAAIC,OAAQ,OAGpCZ,EAACa,EACA,CAAApC,QAASA,EACTqC,gBAAiBpC,EACjBqC,mBAAoB,EACpBpC,UAAWA,EACXgC,MAAM,QAENb,KACU,IAKTG,EAAiBe,IAAA,IAACtB,MACvBA,EAAKP,UACLA,EAASD,sBACTA,EAAqBD,UACrBA,EAASN,UACTA,EAASG,WACTA,EAAUL,QACVA,EAAOC,SACPA,EAAQU,qBACRA,EAAoBJ,iBACpBA,EAAgBO,mBAChBA,GAaAyB,EAAA,OACAhB,EAACiB,EACAb,OAAAC,OAAA,CAAAlB,UAAWA,EACXD,sBAAuBA,EACvBgC,aAAcA,KAAO3B,IAAsBH,aAAoB,EAApBA,GAAuB,IAClE+B,aAAcA,KAAO5B,IAAsBH,aAAoB,EAApBA,GAAuB,KAElE,CAAAkB,SAAAN,EAACoB,EAAMhB,OAAAC,OAAA,CACNgB,IAAKpC,EACLqC,cACA,EAAAC,aACAC,OAAK,EACLC,UAAU,EACVC,eAAgB/C,EAChBgD,YACA,EAAAC,OAAQ9C,EACR+C,gBAAc,EACdC,UAAW9B,EAAC+B,EAAwB,CAACpD,UAAWA,SAAAA,IAChDqD,UAAWhC,EAACiC,EAAwB,CAAAtD,UAAWA,SAAAA,KAAsB,CAAA2B,SAEpEZ,aAAA,EAAAA,EAAOwC,KAAI,CAACC,EAAUC,aACtB,MAAMC,EAAkB,CACvBxC,WAAYsC,EAAStC,WACrByC,QAAiC,QAAxB3C,EAAiB,QAAjBC,EAAAlB,aAAQ,EAARA,EAAU4D,eAAO,IAAA1C,OAAA,EAAAA,EAAEF,aAAK,IAAAC,OAAA,EAAAA,EAAGyC,GACpCG,QAAS7D,eAAAA,EAAoB,QAC7B8D,aAAc9D,eAAAA,EAAyB,cAExC,OACCsB,EAACa,EAAmB,CAEnBpC,QAASA,EACTqC,gBAAiBuB,EACjBtB,kBAAmBqB,EACnBzD,UAAWA,EACXgC,MAAM,OACN3B,iBAAkBA,GANboD,EAOJ,SAImB"}
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","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":"uuBA6BO,MAAMA,EAAkBC,EAAMC,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,IAEEH,GACU,GAAfC,EAAmBG,EAAmBhB,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,EAACC,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,EAAazB,GAEfuB,EAACG,EAAqBC,OAAAC,OAAA,CAAAxB,aAAcA,GAClC,CAAAyB,SAAAR,KAMHS,EAACC,EAASJ,OAAAC,OAAA,CACTzB,mBAAoBA,EACpBC,aAAcA,EACdE,WAAYA,GAAU,CAAAuB,SAAA,KAElB5B,aAAQ,EAARA,EAA8B,uBAC/BA,aAAA,EAAAA,EAA0B,iBAC5BsB,EAACS,EAAc,CAAAH,SACdN,EAACU,EAAc,CAAAC,MAAO,GAAIC,OAAQ,OAGpCZ,EAACa,EACA,CAAApC,QAASA,EACTqC,gBAAiBpC,EACjBqC,mBAAoB,EACpBpC,UAAWA,EACXgC,MAAM,QAENb,KACU,IAKTG,EAAiBe,IAAA,IAACtB,MACvBA,EAAKP,UACLA,EAASD,sBACTA,EAAqBD,UACrBA,EAASN,UACTA,EAASG,WACTA,EAAUL,QACVA,EAAOC,SACPA,EAAQU,qBACRA,EAAoBJ,iBACpBA,EAAgBO,mBAChBA,GAaAyB,EAAA,OACAhB,EAACiB,EACAb,OAAAC,OAAA,CAAAlB,UAAWA,EACXD,sBAAuBA,EACvBgC,aAAcA,KAAO3B,IAAsBH,aAAoB,EAApBA,GAAuB,IAClE+B,aAAcA,KAAO5B,IAAsBH,aAAoB,EAApBA,GAAuB,KAElE,CAAAkB,SAAAN,EAACoB,EAAMhB,OAAAC,OAAA,CACNgB,IAAKpC,EACLqC,cACA,EAAAC,aACAC,OAAK,EACLC,UAAU,EACVC,eAAgB/C,EAChBgD,YACA,EAAAC,OAAQ9C,EACR+C,gBAAc,EACdC,UAAW9B,EAAC+B,EAAwB,CAACpD,UAAWA,SAAAA,IAChDqD,UAAWhC,EAACiC,EAAwB,CAAAtD,UAAWA,SAAAA,KAAsB,CAAA2B,SAEpEZ,aAAA,EAAAA,EAAOwC,KAAI,CAACC,EAAUC,aACtB,MAAMC,EAAkB,CACvBxC,WAAYsC,EAAStC,WACrByC,QAAiC,QAAxB3C,EAAiB,QAAjBC,EAAAlB,aAAQ,EAARA,EAAU4D,eAAO,IAAA1C,OAAA,EAAAA,EAAEF,aAAK,IAAAC,OAAA,EAAAA,EAAGyC,GACpCG,QAAS7D,eAAAA,EAAoB,QAC7B8D,aAAc9D,eAAAA,EAAyB,cAExC,OACCsB,EAACa,EAAmB,CAEnBpC,QAASA,EACTqC,gBAAiBuB,EACjBtB,kBAAmBqB,EACnBzD,UAAWA,EACXgC,MAAM,OACN3B,iBAAkBA,GANboD,EAOJ,SAImB"}

package/dist/esm/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\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","invalid","ErrorIcon","position","_c","_b","toString","_e","InputWrapper","_d","callback","isLeft","_f","IconHolder","PrefixHolder","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 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","invalid","ErrorIcon","position","_c","_b","toString","_e","InputWrapper","_d","callback","isLeft","_f","IconHolder","PrefixHolder","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/esm/components/template-preview/TemplatePreview.js CHANGED Viewed

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

package/dist/esm/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 { 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","_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","marginTop","border","COLORS","stroke","primary","borderRadius","templateContainerStyles","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","styles","WhatsAppWrapper","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","backgroundColor","surface","standard","background","inactive"],"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 { 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","_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","marginTop","border","COLORS","stroke","primary","borderRadius","templateContainerStyles","SmsTemplatePreview","variableStore","smsVariableStore","display_content","smsDisplayContent","uniqueId","EMAIL","EmailTemplateThumbnailPreview","handleViewTemplate","_a","hideViewButton","hideViewButtonForEmail","containerStyle","emailDisplayContent","emailHtmlContainerId","WHATSAPP","RCS","_jsxs","styles","WhatsAppWrapper","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","backgroundColor","surface","standard","background","inactive"],"mappings":"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"}

package/dist/{cjs/src → esm}/index.d.ts RENAMED Viewed

@@ -112,4 +112,3 @@ export * from './firebase';
 export * from './request-executor';
 export * from './utils/logging';
 export * from './components/vertical-full-screen-modal';
-export * from './editor';