npm - @bikdotai/bik-component-library - Versions diffs - 0.0.801 → 0.0.802-beta.1 - Mend

@bikdotai/bik-component-library 0.0.801 → 0.0.802-beta.1

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 (2283) 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) => (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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"}
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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"}

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"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};
+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};
 //# 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 ~~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"}
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"}

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 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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"}
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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"}

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{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};
+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};
 //# 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 { 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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"}
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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"}

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

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

package/dist/esm/editor/BikEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BikEditor.js","sources":["../../../src/editor/BikEditor.tsx"],"sourcesContent":["'use client';\n\n/**\n * IMPLEMENTATION LAYER — TipTap-specific.\n * If the underlying editor is swapped, this file changes; BikEditor.types.ts and\n * src/editor/index.ts (the consumer contract) do NOT change.\n */\nimport { Editor, getMarkRange } from '@tiptap/core';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport React, {\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n} from 'react';\nimport { BikEditorShell } from './BikEditor.styles';\nimport {\n\tBikEditorProps,\n\tBikEditorRef,\n\tDEFAULT_FORMAT_STATE,\n} from './BikEditor.types';\nimport {\n\tbuildSectionedContent,\n\textractActiveFormats,\n\textractBodyContent,\n\textractContent,\n\textractSectionContent,\n\tfindSectionEndPos,\n\tfindSectionStartPos,\n\tnormalizeHtml,\n\tsetSectionContentInEditor,\n} from './BikEditor.utils';\nimport { buildExtensions } from './extensions/buildExtensions';\nimport { LinkBubbleMenu } from './floating/LinkBubbleMenu';\n\n/** Convert React.CSSProperties to an inline CSS string for editorProps.attributes. */\nfunction cssToString(style: React.CSSProperties): string {\n\treturn Object.entries(style)\n\t\t.map(\n\t\t\t([k, v]) => `${k.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`)}:${v}`,\n\t\t)\n\t\t.join(';');\n}\n\nconst BikEditorInner = (\n\tprops: BikEditorProps,\n\tref: React.Ref<BikEditorRef>,\n) => {\n\tconst {\n\t\tinitialContent,\n\t\tsections,\n\t\tfeatures,\n\t\tdisabled,\n\t\tmaxCharacters,\n\t\tshortcuts,\n\t\tsendShortcut,\n\t\tmentions,\n\t\tslashCommands,\n\t\tlink,\n\t\tonPaste,\n\t\tonReady,\n\t\tonChange,\n\t\tonSend,\n\t\tonFocus,\n\t\tonBlur,\n\t\tonSelectionChange,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\tstyle,\n\t\tclassName,\n\t\teditorClassName,\n\t\teditorStyle,\n\t} = props;\n\n\tconst initialEditorContent = sections?.length\n\t\t? buildSectionedContent(\n\t\t\t\tnormalizeHtml(initialContent ?? ''),\n\t\t\t\tsections.map((s) => ({ ...s, content: normalizeHtml(s.content) })),\n\t\t )\n\t\t: normalizeHtml(initialContent ?? '');\n\n\t// ── Command queue ─────────────────────────────────────────────────────────\n\t// TipTap's useEditor initializes asynchronously; the editor instance is null\n\t// until the first commit. Any imperative method called before the editor is\n\t// ready is enqueued here and flushed automatically once it becomes non-null.\n\t// Consumers never need setTimeout or readiness guards.\n\tconst pendingQueue = useRef<Array<(e: Editor) => void>>([]);\n\tconst hasCalledOnReady = useRef(false);\n\t// Keep stable refs to all callbacks so useEditor receives the same function\n\t// identity on every render — prevents TipTap from re-registering event\n\t// handlers every time the parent re-renders with new inline function props.\n\tconst onReadyRef = useRef(onReady);\n\tonReadyRef.current = onReady;\n\tconst onChangeRef = useRef(onChange);\n\tonChangeRef.current = onChange;\n\tconst onSelectionChangeRef = useRef(onSelectionChange);\n\tonSelectionChangeRef.current = onSelectionChange;\n\tconst onFocusRef = useRef(onFocus);\n\tonFocusRef.current = onFocus;\n\tconst onBlurRef = useRef(onBlur);\n\tonBlurRef.current = onBlur;\n\n\tconst editor = useEditor({\n\t\textensions: buildExtensions({\n\t\t\tfeatures,\n\t\t\tplaceholder: props.placeholder,\n\t\t\tmaxCharacters,\n\t\t\thasSections: (sections?.length ?? 0) > 0,\n\t\t\tmentions: {\n\t\t\t\tagents: mentions?.agents,\n\t\t\t\tteams: mentions?.teams,\n\t\t\t},\n\t\t\tslashCommands: slashCommands?.items,\n\t\t\tonPaste,\n\t\t\tonSend,\n\t\t\tsendShortcut,\n\t\t\tshortcuts,\n\t\t\tonMentionSelected: mentions?.onSelect,\n\t\t\tonSlashCommandSelected: slashCommands?.onSelect,\n\t\t\trenderMentionItem: mentions?.renderItem,\n\t\t\trenderMentionDropdown: mentions?.renderDropdown,\n\t\t\trenderSlashCommandItem: slashCommands?.renderItem,\n\t\t\trenderSlashCommandDropdown: slashCommands?.renderDropdown,\n\t\t}),\n\t\tcontent: initialEditorContent,\n\t\teditable: !disabled,\n\t\timmediatelyRender: false, // SSR-safe — NEVER remove this\n\t\teditorProps: {\n\t\t\tattributes: {\n\t\t\t\t...(editorClassName ? { class: editorClassName } : {}),\n\t\t\t\t...(editorStyle ? { style: cssToString(editorStyle) } : {}),\n\t\t\t},\n\t\t},\n\t\tonUpdate: ({ editor: e }) => {\n\t\t\tonChangeRef.current?.(extractContent(e));\n\t\t},\n\t\tonTransaction: ({ editor: e }) => {\n\t\t\tonSelectionChangeRef.current?.(extractActiveFormats(e));\n\t\t},\n\t\tonFocus: () => onFocusRef.current?.(),\n\t\tonBlur: () => onBlurRef.current?.(),\n\t});\n\n\t// ── enqueue ───────────────────────────────────────────────────────────────\n\t// Run immediately if the editor is ready; otherwise defer to the queue.\n\t// Closures passed to enqueue MUST capture all parameters explicitly —\n\t// they must NOT close over `editor` (which would be null at enqueue time).\n\tfunction enqueue(op: (e: Editor) => void): void {\n\t\tif (editor) {\n\t\t\top(editor);\n\t\t} else {\n\t\t\tpendingQueue.current.push(op);\n\t\t}\n\t}\n\n\t// Flush the pending queue and fire onReady when editor transitions null → ready.\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\t\tif (pendingQueue.current.length > 0) {\n\t\t\tconst queue = pendingQueue.current.splice(0);\n\t\t\tqueue.forEach((op) => op(editor));\n\t\t}\n\t\tif (!hasCalledOnReady.current) {\n\t\t\thasCalledOnReady.current = true;\n\t\t\tonReadyRef.current?.();\n\t\t}\n\t}, [editor]);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\t// ── Focus ────────────────────────────────────────────────────────\n\t\t\tfocus: () => enqueue((e) => e.commands.focus()),\n\t\t\tblur: () => enqueue((e) => e.commands.blur()),\n\n\t\t\t// ── Content ──────────────────────────────────────────────────────\n\t\t\tclearContent: () => enqueue((e) => e.commands.clearContent(true)),\n\t\t\tsetContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.setContent(normalised, { emitUpdate: true }));\n\t\t\t},\n\t\t\tinsertContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContent(normalised));\n\t\t\t},\n\t\t\tinsertAtStart: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(1, normalised));\n\t\t\t},\n\t\t\tinsertAtEnd: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\tappendContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// doc.content.size is after the last </p> (block boundary).\n\t\t\t\t// Subtract 1 to land inside the last paragraph so text appends\n\t\t\t\t// inline rather than being wrapped in a new paragraph each call.\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size - 1, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\tgetContent: () =>\n\t\t\t\teditor\n\t\t\t\t\t? extractContent(editor)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\t\t\tgetJSON: () => editor?.getJSON() ?? null,\n\t\t\tgetMentions: () => {\n\t\t\t\tconst agentIds = new Set<string>();\n\t\t\t\tconst teamIds = new Set<string>();\n\t\t\t\tif (!editor) return { agentIds: [], teamIds: [] };\n\t\t\t\teditor.state.doc.descendants((node) => {\n\t\t\t\t\tif (node.type.name === 'mentionAgent' && node.attrs['id'] != null) {\n\t\t\t\t\t\tagentIds.add(String(node.attrs['id']));\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tnode.type.name === 'mentionTeam' &&\n\t\t\t\t\t\tnode.attrs['id'] != null\n\t\t\t\t\t) {\n\t\t\t\t\t\tteamIds.add(String(node.attrs['id']));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn { agentIds: Array.from(agentIds), teamIds: Array.from(teamIds) };\n\t\t\t},\n\n\t\t\t// ── Selection ────────────────────────────────────────────────────\n\t\t\tgetCursorPosition: () => {\n\t\t\t\tconst { from, to } = editor!.state.selection;\n\t\t\t\treturn { from, to };\n\t\t\t},\n\t\t\tinsertAtPosition: (pos, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(pos, normalised));\n\t\t\t},\n\t\t\tgetSelectedText: () => {\n\t\t\t\tconst { state } = editor!;\n\t\t\t\tconst { from, to, empty } = state.selection;\n\t\t\t\tif (!empty) {\n\t\t\t\t\treturn state.doc.textBetween(from, to, ' ');\n\t\t\t\t}\n\t\t\t\t// When the cursor is inside a link with nothing selected, return the\n\t\t\t\t// full link text — useful for pre-filling a link modal's text field.\n\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\tif (linkMarkType) {\n\t\t\t\t\tconst range = getMarkRange(state.doc.resolve(from), linkMarkType);\n\t\t\t\t\tif (range) {\n\t\t\t\t\t\treturn state.doc.textBetween(range.from, range.to, ' ');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn '';\n\t\t\t},\n\n\t\t\t// ── Character count ───────────────────────────────────────────────\n\t\t\tgetCharacterCount: () => ({\n\t\t\t\tcount:\n\t\t\t\t\teditor?.storage.characterCount?.characters?.() ??\n\t\t\t\t\teditor?.getText().length ??\n\t\t\t\t\t0,\n\t\t\t\tlimit: maxCharacters ?? null,\n\t\t\t}),\n\n\t\t\t// ── Sections ─────────────────────────────────────────────────────\n\t\t\tgetSectionContent: (sectionId) =>\n\t\t\t\textractSectionContent(editor!, sectionId),\n\n\t\t\tsetSectionContent: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, normalised));\n\t\t\t},\n\n\t\t\tfocusSection: (sectionId) => {\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tif (sectionId === 'body') {\n\t\t\t\t\t\te.chain().focus().setTextSelection(1).run();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet targetPos = -1;\n\t\t\t\t\te.state.doc.descendants((node, pos) => {\n\t\t\t\t\t\tif (targetPos !== -1) return false;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// pos + nodeSize lands right after the divider;\n\t\t\t\t\t\t\t// +1 more puts us inside the first paragraph of that section.\n\t\t\t\t\t\t\ttargetPos = pos + node.nodeSize + 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (targetPos !== -1) {\n\t\t\t\t\t\te.chain().focus().setTextSelection(targetPos).run();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\n\t\t\tclearSection: (sectionId) => {\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, '<p></p>'));\n\t\t\t},\n\n\t\t\t// ── Convenience body shorthands ───────────────────────────────────\n\t\t\tgetBodyContent: () => extractBodyContent(editor!),\n\t\t\tsetBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, 'body', normalised));\n\t\t\t},\n\t\t\tsetBodyAndSections: (body, sections) => {\n\t\t\t\tconst html = buildSectionedContent(\n\t\t\t\t\tnormalizeHtml(body),\n\t\t\t\t\tsections.map((s) => ({\n\t\t\t\t\t\tid: s.id,\n\t\t\t\t\t\tcontent: normalizeHtml(s.content),\n\t\t\t\t\t})),\n\t\t\t\t);\n\t\t\t\tenqueue((e) => e.commands.setContent(html, { emitUpdate: true }));\n\t\t\t},\n\t\t\tappendBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// findSectionEndPos returns the position of the first divider (or\n\t\t\t\t// doc.content.size), which is the block boundary after the last </p>.\n\t\t\t\t// Subtract 1 to stay inside the last paragraph so successive calls\n\t\t\t\t// append inline text rather than creating a new paragraph each time.\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst boundaryPos = findSectionEndPos(e, 'body');\n\t\t\t\t\te.commands.insertContentAt(boundaryPos - 1, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionStart: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionStartPos(e, sectionId);\n\t\t\t\t\tif (pos !== -1) e.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionEnd: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionEndPos(e, sectionId);\n\t\t\t\t\te.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\t// ── Formats & actions ─────────────────────────────────────────────\n\t\t\tgetActiveFormats: () =>\n\t\t\t\teditor ? extractActiveFormats(editor) : DEFAULT_FORMAT_STATE,\n\t\t\tactions: {\n\t\t\t\ttoggleBold: () => editor?.chain().focus().toggleBold().run(),\n\t\t\t\ttoggleItalic: () => editor?.chain().focus().toggleItalic().run(),\n\t\t\t\ttoggleUnderline: () => editor?.chain().focus().toggleUnderline().run(),\n\t\t\t\ttoggleStrike: () => editor?.chain().focus().toggleStrike().run(),\n\t\t\t\ttoggleBulletList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBulletList().run(),\n\t\t\t\ttoggleOrderedList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleOrderedList().run(),\n\t\t\t\ttoggleBlockquote: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBlockquote().run(),\n\t\t\t\ttoggleCodeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n\t\t\t\tsetTextAlign: (align) =>\n\t\t\t\t\teditor?.chain().focus().setTextAlign(align).run(),\n\t\t\t\tsetFontFamily: (font) =>\n\t\t\t\t\teditor?.chain().focus().setFontFamily(font).run(),\n\t\t\t\tsetFontSize: (size) => editor?.chain().focus().setFontSize(size).run(),\n\t\t\t\tsetColor: (color) => editor?.chain().focus().setColor(color).run(),\n\t\t\t\tsetHighlight: (color) =>\n\t\t\t\t\teditor?.chain().focus().toggleHighlight({ color }).run(),\n\t\t\t\tunsetColor: () => editor?.chain().focus().unsetColor().run(),\n\t\t\t\tunsetHighlight: () => editor?.chain().focus().unsetHighlight().run(),\n\t\t\t\tsetLink: (href, text) => {\n\t\t\t\t\tif (!editor) return;\n\t\t\t\t\tif (text !== undefined) {\n\t\t\t\t\t\t// Replace both the display text and href in one transaction.\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.command(({ tr, state }) => {\n\t\t\t\t\t\t\t\tconst { from, to } = tr.selection;\n\t\t\t\t\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\t\t\t\t\tif (!linkMarkType) return false;\n\t\t\t\t\t\t\t\ttr.replaceWith(\n\t\t\t\t\t\t\t\t\tfrom,\n\t\t\t\t\t\t\t\t\tto,\n\t\t\t\t\t\t\t\t\tstate.schema.text(text, [linkMarkType.create({ href })]),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t} else {\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tupdateLink: (href) =>\n\t\t\t\t\teditor\n\t\t\t\t\t\t?.chain()\n\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t.run(),\n\t\t\t\tremoveLink: () =>\n\t\t\t\t\teditor?.chain().focus().extendMarkRange('link').unsetLink().run(),\n\t\t\t\tinsertEmoji: (emoji) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(emoji).run(),\n\t\t\t\tinsertVariable: (variableName) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(`{{${variableName}}}`).run(),\n\t\t\t\tinsertHtml: (html) => editor?.commands.insertContent(html),\n\t\t\t\tundo: () => editor?.chain().focus().undo().run(),\n\t\t\t\tredo: () => editor?.chain().focus().redo().run(),\n\t\t\t\tcanUndo: () => editor?.can().undo() ?? false,\n\t\t\t\tcanRedo: () => editor?.can().redo() ?? false,\n\t\t\t\ttoggleSuperscript: () =>\n\t\t\t\t\teditor?.chain().focus().toggleSuperscript().run(),\n\t\t\t\ttoggleSubscript: () => editor?.chain().focus().toggleSubscript().run(),\n\t\t\t\tinsertImage: (src) => editor?.chain().focus().setImage({ src }).run(),\n\t\t\t},\n\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[editor],\n\t);\n\n\tif (!editor) return null;\n\n\treturn (\n\t\t<BikEditorShell\n\t\t\tminHeight={minHeight}\n\t\t\tmaxHeight={maxHeight}\n\t\t\tstyle={style}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<EditorContent editor={editor} />\n\t\t\t<LinkBubbleMenu editor={editor} renderLinkTooltip={link?.renderTooltip} />\n\t\t</BikEditorShell>\n\t);\n};\n\nexport const BikEditor = forwardRef<BikEditorRef, BikEditorProps>(\n\tBikEditorInner,\n);\nBikEditor.displayName = 'BikEditor';\n"],"names":["cssToString","style","Object","entries","map","_ref","k","v","replace","c","toLowerCase","join","BikEditor","forwardRef","BikEditorInner","props","ref","initialContent","sections","features","disabled","maxCharacters","shortcuts","sendShortcut","mentions","slashCommands","link","onPaste","onReady","onChange","onSend","onFocus","onBlur","onSelectionChange","minHeight","maxHeight","className","editorClassName","editorStyle","initialEditorContent","length","buildSectionedContent","normalizeHtml","s","assign","content","pendingQueue","useRef","hasCalledOnReady","onReadyRef","current","onChangeRef","onSelectionChangeRef","onFocusRef","onBlurRef","editor","useEditor","extensions","buildExtensions","placeholder","hasSections","_a","agents","teams","items","onMentionSelected","onSelect","onSlashCommandSelected","renderMentionItem","renderItem","renderMentionDropdown","renderDropdown","renderSlashCommandItem","renderSlashCommandDropdown","editable","immediatelyRender","editorProps","attributes","class","onUpdate","_ref2","e","call","extractContent","onTransaction","_ref3","extractActiveFormats","enqueue","op","push","useEffect","splice","forEach","useImperativeHandle","focus","commands","blur","clearContent","setContent","html","normalised","emitUpdate","insertContent","insertAtStart","insertContentAt","insertAtEnd","state","doc","size","appendContent","getContent","text","isEmpty","characterCount","getJSON","getMentions","agentIds","Set","teamIds","descendants","node","type","name","attrs","add","String","Array","from","getCursorPosition","to","selection","insertAtPosition","pos","getSelectedText","empty","textBetween","linkMarkType","schema","marks","range","getMarkRange","resolve","getCharacterCount","count","_d","_c","_b","storage","characters","getText","limit","getSectionContent","sectionId","extractSectionContent","setSectionContent","setSectionContentInEditor","focusSection","chain","setTextSelection","run","targetPos","nodeSize","clearSection","getBodyContent","extractBodyContent","setBodyContent","setBodyAndSections","body","id","appendBodyContent","boundaryPos","findSectionEndPos","insertAtSectionStart","findSectionStartPos","insertAtSectionEnd","getActiveFormats","DEFAULT_FORMAT_STATE","actions","toggleBold","toggleItalic","toggleUnderline","toggleStrike","toggleBulletList","toggleOrderedList","toggleBlockquote","toggleCodeBlock","setTextAlign","align","setFontFamily","font","setFontSize","setColor","color","setHighlight","toggleHighlight","unsetColor","unsetHighlight","setLink","href","undefined","extendMarkRange","command","_ref4","tr","replaceWith","create","updateLink","removeLink","unsetLink","insertEmoji","emoji","insertVariable","variableName","insertHtml","undo","redo","canUndo","can","canRedo","toggleSuperscript","toggleSubscript","insertImage","src","setImage","_jsxs","BikEditorShell","children","_jsx","EditorContent","LinkBubbleMenu","renderLinkTooltip","renderTooltip","displayName"],"mappings":"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"}

package/dist/esm/editor/BikEditor.styles.js ADDED Viewed

@@ -0,0 +1,64 @@
+import e from"styled-components";import{COLORS as o}from"../constants/Theme.js";const t=e.div`
+	position: relative;
+	width: 100%;
+	.ProseMirror {
+		min-height: ${e=>{let{minHeight:o}=e;return null!=o?o:"80px"}};
+		max-height: ${e=>{let{maxHeight:o}=e;return null!=o?o:"none"}};
+		overflow-y: auto;
+		outline: none;
+		padding: 8px 12px;
+		font-size: 14px;
+		line-height: 1.5;
+		word-break: break-word;
+		p {
+			margin: 0;
+			padding: 0;
+		}
+		ul,
+		ol {
+			margin: 0;
+			padding-left: 1.5em;
+		}
+		li + li {
+			margin-top: 2px;
+		}
+		p.is-editor-empty:first-child::before {
+			content: attr(data-placeholder);
+			float: left;
+			color: #adb5bd;
+			pointer-events: none;
+			height: 0;
+		}
+	}
+	.bik-mention {
+		color: ${o.content.brand};
+		padding: 1px 4px;
+	}
+	.bik-mention--team {
+		color: ${o.content.brand};
+	}
+	.bik-variable {
+		color: ${o.content.brand};
+		padding: 1px 3px;
+	}
+	a,
+	.bik-link {
+		color: #4f46e5;
+		text-decoration: underline;
+		text-decoration-color: #a5b4fc;
+		text-underline-offset: 2px;
+		cursor: pointer;
+		&:hover {
+			color: #3730a3;
+			text-decoration-color: #6366f1;
+		}
+	}
+`;export{t as BikEditorShell};
+//# sourceMappingURL=BikEditor.styles.js.map

package/dist/esm/editor/BikEditor.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BikEditor.styles.js","sources":["../../../src/editor/BikEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../constants/Theme';\n\nexport const BikEditorShell = styled.div<{\n\tminHeight?: string;\n\tmaxHeight?: string;\n}>`\n\tposition: relative;\n\twidth: 100%;\n\n\t.ProseMirror {\n\t\tmin-height: ${({ minHeight }) => minHeight ?? '80px'};\n\t\tmax-height: ${({ maxHeight }) => maxHeight ?? 'none'};\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t\tpadding: 8px 12px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tword-break: break-word;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1.5em;\n\t\t}\n\n\t\tli + li {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\tp.is-editor-empty:first-child::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tfloat: left;\n\t\t\tcolor: #adb5bd;\n\t\t\tpointer-events: none;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\t.bik-mention {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 4px;\n\t}\n\t.bik-mention--team {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\t.bik-variable {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 3px;\n\t}\n\n\ta,\n\t.bik-link {\n\t\tcolor: #4f46e5;\n\t\ttext-decoration: underline;\n\t\ttext-decoration-color: #a5b4fc;\n\t\ttext-underline-offset: 2px;\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tcolor: #3730a3;\n\t\t\ttext-decoration-color: #6366f1;\n\t\t}\n\t}\n`;\n"],"names":["BikEditorShell","styled","div","_ref","minHeight","_ref2","maxHeight","COLORS","content","brand"],"mappings":"gFAGaA,MAAAA,EAAiBC,EAAOC,GAGnC;;;;;gBAKcC,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAAKC,QAAAA,EAAa,MAAM;gBACtCC,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAAKC,QAAAA,EAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAiC3CC,EAAOC,QAAQC;;;;WAIfF,EAAOC,QAAQC;;;WAGfF,EAAOC,QAAQC;;;;;;;;;;;;;;;;"}

package/dist/esm/editor/BikEditor.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const l={bold:!1,italic:!1,underline:!1,strike:!1,bulletList:!1,orderedList:!1,blockquote:!1,codeBlock:!1,link:null,textAlign:null,fontFamily:null,fontSize:null,color:null,highlight:null,superscript:!1,subscript:!1};export{l as DEFAULT_FORMAT_STATE};
2	+ //# sourceMappingURL=BikEditor.types.js.map