npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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

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

@@ -1,5 +1,5 @@
-"use strict";var M=Object.create;var R=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(e,d,u,s)=>{if(d&&typeof d=="object"||typeof d=="function")for(let o of J(d))!q.call(e,o)&&o!==u&&R(e,o,{get:()=>d[o],enumerable:!(s=w(d,o))||s.enumerable});return e};var $=(e,d,u)=>(u=e!=null?M(B(e)):{},D(d||!e||!e.__esModule?R(u,"default",{value:e,enumerable:!0}):u,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),l=require("styled-components"),F=require("../../hooks/useOutside.js"),a=require("../../constants/Theme.js"),G=require("../../assets/icons/bold.svg.js"),P=require("../../assets/icons/emoji.svg.js"),U=require("../../assets/icons/italic.svg.js"),K=require("../../assets/icons/strikeThrough.svg.js"),f=require("../tooltips/Tooltip.js"),N=require("./AIRephraseButton.js");let b=()=>t.jsx(t.Fragment,{});typeof window<"u"&&import("emoji-picker-react").then(e=>{b=e.default});const g=e=>e?a.COLORS.background.inverseLight:a.COLORS.content.placeholder,W=l.div`
-	background: ${a.COLORS.surface.standard};
+"use strict";var w=Object.create;var R=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var $=(e,i,u,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of B(i))!q.call(e,o)&&o!==u&&R(e,o,{get:()=>i[o],enumerable:!(a=J(i,o))||a.enumerable});return e};var F=(e,i,u)=>(u=e!=null?w(D(e)):{},$(i||!e||!e.__esModule?R(u,"default",{value:e,enumerable:!0}):u,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),G=require("styled-components"),P=require("../../hooks/useOutside.js"),l=require("../../constants/Theme.js"),U=require("../../assets/icons/bold.svg.js"),K=require("../../assets/icons/emoji.svg.js"),_=require("../../assets/icons/italic.svg.js"),N=require("../../assets/icons/strikeThrough.svg.js"),c=require("../tooltips/Tooltip.js"),W=require("./AIRephraseButton.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},z=b(h),s=b(G);let E=()=>t.jsx(t.Fragment,{});typeof window<"u"&&import("emoji-picker-react").then(e=>{E=e.default});const g=e=>e?l.COLORS.background.inverseLight:l.COLORS.content.placeholder,X=s.default.div`
+	background: ${l.COLORS.surface.standard};
 	display: flex;
 	flex-direction: row;
 	padding: 8px 12px;
@@ -7,13 +7,13 @@
 	border-radius: 0 0 4px 4px;
 	gap: 6px;
 	position: relative;
-`,z=l.div`
+`,Y=s.default.div`
 	width: 2px;
 	height: 12px;
 	background: #e0e0e0;
-`,x=l.div`
+`,x=s.default.div`
 	padding: 2px 6px;
-	background: ${e=>e.active?a.COLORS.background.inactive:"transparent"};
+	background: ${e=>e.active?l.COLORS.background.inactive:"transparent"};
 	border-radius: 4px;
 	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
 	opacity: ${e=>e.disabled?.45:1};
@@ -22,31 +22,31 @@
 		background-color: rgba(0, 0, 0, 0.03);
 		padding: 3px 6px;
 	}
-`,X=l.div`
+`,Q=s.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	gap: 6px;
 	margin-left: auto;
-`,Y=l.div`
+`,V=s.default.div`
 	position: absolute;
 	top: calc(100% + 8px);
 	z-index: 1;
-`,_=l.div`
+`,Z=s.default.div`
 	display: flex;
 	align-items: center;
 	gap: 6px;
 	margin-left: 8px;
-`,Q=l.div`
+`,A=s.default.div`
 	display: flex;
 	align-items: center;
-	border: 1px solid ${a.COLORS.stroke.primary};
+	border: 1px solid ${l.COLORS.stroke.primary};
 	border-radius: 14px;
 	opacity: ${e=>e.disabled?.5:1};
-`,V=l.button`
+`,ee=s.default.button`
 	border: 0;
-	background: ${e=>e.highlighted?"#ffe8ef":a.COLORS.surface.standard};
-	color: ${e=>e.highlighted?"#f53f77":a.COLORS.content.secondary};
+	background: ${e=>e.highlighted?"#ffe8ef":l.COLORS.surface.standard};
+	color: ${e=>e.highlighted?"#f53f77":l.COLORS.content.secondary};
 	border-radius: 14px;
 	padding: 4px 6px;
 	font-size: 12px;
@@ -58,7 +58,7 @@
 	align-items: center;
 	gap: 4px;
 	:hover {
-		background: ${e=>e.disabled?void 0:a.COLORS.surface.subdued};
+		background: ${e=>e.disabled?void 0:l.COLORS.surface.subdued};
 	}
-`;var E=(e=>(e.BOLD="BOLD",e.ITALIC="ITALIC",e.STRIKETHROUGH="STRIKETHROUGH",e.EMOJI="EMOJI",e))(E||{}),T=(e=>(e.REPHRASE="rephrase",e.SHORTEN="shorten",e.EXPAND="expand",e.EMOJIFY="emojify",e))(T||{}),C=(e=>(e.DEFAULT="default",e.REPHRASE="rephrase",e))(C||{});const y=h.forwardRef(({onActionSelect:e,RightComponent:d,onEmojiClick:u,actions:s,aiActions:o,onAIActionClick:O,onAIToneChange:L,onAIInstructionsClick:S,instructionActive:k,disableAllActions:i,rightActionsDisabled:v},Z)=>{const m=h.useRef(null),[n,I]=h.useState({BOLD:!1,ITALIC:!1,STRIKETHROUGH:!1,EMOJI:!1}),j=h.useCallback(()=>{I(r=>r.EMOJI?{...r,EMOJI:!1}:r)},[]);F.useOutside(m,()=>{j()}),h.useEffect(()=>{i&&I(r=>r.EMOJI?{...r,EMOJI:!1}:r)},[i]);function p(r,c){if(r.preventDefault?.(),c==="EMOJI"){if(i)return;I(H=>({...H,EMOJI:!n.EMOJI}))}e(c)}return!s?.length&&!d&&!o?.length?t.jsx(t.Fragment,{}):t.jsxs(W,{children:[s?.includes("EMOJI")&&t.jsxs(t.Fragment,{children:[t.jsx(f.Tooltip,{body:"Emoji",placement:"bottom",children:t.jsx(x,{style:{marginLeft:0},disabled:i,active:!!n.EMOJI,onClick:r=>{i||p(r,"EMOJI")},children:t.jsx(P.default,{width:16,height:16,color:g(n.EMOJI)})})}),n.EMOJI&&t.jsx(Y,{ref:m,children:t.jsx(b,{onEmojiClick:r=>{j(),u?.(r.emoji)}})})]}),s?.includes("BOLD")&&t.jsx(t.Fragment,{children:t.jsx(f.Tooltip,{body:"Bold",placement:"bottom",children:t.jsx(x,{disabled:i,active:!!n.BOLD,onClick:r=>{i||p(r,"BOLD")},children:t.jsx(G.default,{width:10,height:17,color:g(n.BOLD)})})})}),s?.includes("ITALIC")&&t.jsx(t.Fragment,{children:t.jsx(f.Tooltip,{body:"Italics",placement:"bottom",children:t.jsx(x,{disabled:i,onClick:r=>{i||p(r,"ITALIC")},active:!!n.ITALIC,children:t.jsx(U.default,{width:9,height:16,color:g(n.ITALIC)})})})}),s?.includes("STRIKETHROUGH")&&t.jsx(t.Fragment,{children:t.jsx(f.Tooltip,{body:"Strikethrough",placement:"bottom",children:t.jsx(x,{disabled:i,active:!!n.STRIKETHROUGH,style:{borderRight:0},onClick:r=>{i||p(r,"STRIKETHROUGH")},children:t.jsx(K.default,{width:12,height:18,color:g(n.STRIKETHROUGH)})})})}),o?.length?t.jsx(_,{children:o.map(r=>r.type==="rephrase"?t.jsx(N.AIRephraseButton,{label:r.label,disabled:i||r.disabled,loading:r.loading,highlighted:r.highlighted,tones:r.tones,selectedToneId:r.selectedToneId,instructionActive:k,onClick:()=>{i||O?.(r.type,"default")},onToneChange:c=>{i||L?.(r.type,c)},onInstructionsClick:()=>{i||S?.()},showSecondaryRephraseOption:r.label.toLowerCase()==="meta safe rewrite",onSecondaryRephraseClick:()=>{i||O?.(r.type,"rephrase")}},r.type):t.jsx("div",{children:t.jsx(Q,{disabled:i||r.disabled||r.loading,children:t.jsx(V,{type:"button",highlighted:!!r.highlighted||!!r.isPrimary,disabled:r.disabled||r.loading,onClick:()=>{i||O?.(r.type,"default")},children:r.loading?"...":r.label})})},r.type))}):null,t.jsx(X,{children:d&&t.jsx(d,{rightActionsDisabled:!!v})})]})});y.displayName="WhatsAppTextEditorHeader";exports.AIActionVariant=C;exports.AIEditorActionTypes=T;exports.CustomRightBorder=z;exports.EditorActionTypes=E;exports.WhatsAppTextEditorHeader=y;
+`;var C=(e=>(e.BOLD="BOLD",e.ITALIC="ITALIC",e.STRIKETHROUGH="STRIKETHROUGH",e.EMOJI="EMOJI",e))(C||{}),T=(e=>(e.REPHRASE="rephrase",e.SHORTEN="shorten",e.EXPAND="expand",e.EMOJIFY="emojify",e))(T||{}),y=(e=>(e.DEFAULT="default",e.REPHRASE="rephrase",e))(y||{});const L=z.default.forwardRef(({onActionSelect:e,RightComponent:i,onEmojiClick:u,actions:a,aiActions:o,onAIActionClick:O,onAIToneChange:S,onAIInstructionsClick:k,instructionActive:v,disableAllActions:d,rightActionsDisabled:H},re)=>{const m=h.useRef(null),[n,I]=h.useState({BOLD:!1,ITALIC:!1,STRIKETHROUGH:!1,EMOJI:!1}),j=h.useCallback(()=>{I(r=>r.EMOJI?{...r,EMOJI:!1}:r)},[]);P.useOutside(m,()=>{j()}),h.useEffect(()=>{d&&I(r=>r.EMOJI?{...r,EMOJI:!1}:r)},[d]);function f(r,p){if(r.preventDefault?.(),p==="EMOJI"){if(d)return;I(M=>({...M,EMOJI:!n.EMOJI}))}e(p)}return!a?.length&&!i&&!o?.length?t.jsx(t.Fragment,{}):t.jsxs(X,{children:[a?.includes("EMOJI")&&t.jsxs(t.Fragment,{children:[t.jsx(c.Tooltip,{body:"Emoji",placement:"bottom",children:t.jsx(x,{style:{marginLeft:0},disabled:d,active:!!n.EMOJI,onClick:r=>{d||f(r,"EMOJI")},children:t.jsx(K.default,{width:16,height:16,color:g(n.EMOJI)})})}),n.EMOJI&&t.jsx(V,{ref:m,children:t.jsx(E,{onEmojiClick:r=>{j(),u?.(r.emoji)}})})]}),a?.includes("BOLD")&&t.jsx(t.Fragment,{children:t.jsx(c.Tooltip,{body:"Bold",placement:"bottom",children:t.jsx(x,{disabled:d,active:!!n.BOLD,onClick:r=>{d||f(r,"BOLD")},children:t.jsx(U.default,{width:10,height:17,color:g(n.BOLD)})})})}),a?.includes("ITALIC")&&t.jsx(t.Fragment,{children:t.jsx(c.Tooltip,{body:"Italics",placement:"bottom",children:t.jsx(x,{disabled:d,onClick:r=>{d||f(r,"ITALIC")},active:!!n.ITALIC,children:t.jsx(_.default,{width:9,height:16,color:g(n.ITALIC)})})})}),a?.includes("STRIKETHROUGH")&&t.jsx(t.Fragment,{children:t.jsx(c.Tooltip,{body:"Strikethrough",placement:"bottom",children:t.jsx(x,{disabled:d,active:!!n.STRIKETHROUGH,style:{borderRight:0},onClick:r=>{d||f(r,"STRIKETHROUGH")},children:t.jsx(N.default,{width:12,height:18,color:g(n.STRIKETHROUGH)})})})}),o?.length?t.jsx(Z,{children:o.map(r=>r.type==="rephrase"?t.jsx(W.AIRephraseButton,{label:r.label,disabled:d||r.disabled,loading:r.loading,highlighted:r.highlighted,tones:r.tones,selectedToneId:r.selectedToneId,instructionActive:v,onClick:()=>{d||O?.(r.type,"default")},onToneChange:p=>{d||S?.(r.type,p)},onInstructionsClick:()=>{d||k?.()},showSecondaryRephraseOption:r.label.toLowerCase()==="meta safe rewrite",onSecondaryRephraseClick:()=>{d||O?.(r.type,"rephrase")}},r.type):t.jsx("div",{children:t.jsx(A,{disabled:d||r.disabled||r.loading,children:t.jsx(ee,{type:"button",highlighted:!!r.highlighted||!!r.isPrimary,disabled:r.disabled||r.loading,onClick:()=>{d||O?.(r.type,"default")},children:r.loading?"...":r.label})})},r.type))}):null,t.jsx(Q,{children:i&&t.jsx(i,{rightActionsDisabled:!!H})})]})});L.displayName="WhatsAppTextEditorHeader";exports.AIActionVariant=y;exports.AIEditorActionTypes=T;exports.CustomRightBorder=Y;exports.EditorActionTypes=C;exports.WhatsAppTextEditorHeader=L;
 //# sourceMappingURL=WhatsAppTextEditorHeader.js.map

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

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

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=require("../../constants/Theme.js"),i=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),i=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(r),d=t.default.div`
 	display: flex;
 	gap: 12;
 	align-items: center;
 	margin-bottom: 8px;
 	padding: 34px 32px 0px 32px;
-`,o=t.div`
-	background-color: ${e.COLORS.background.negative.light};
+`,a=t.default.div`
+	background-color: ${i.COLORS.background.negative.light};
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -13,39 +13,39 @@
 	height: 28px;
 	border-radius: 100%;
 	margin-right: 12px;
-`,p=t.div`
+`,p=t.default.div`
 	padding-bottom: 32px;
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
+	border-bottom: 1px solid ${i.COLORS.stroke.primary};
 	margin-left: 32px;
 	margin-right: 40px;
-`,n=t.div`
+`,n=t.default.div`
 	padding: 32px;
 	padding-bottom: 24px;
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
-`,d=t.div`
+	border-bottom: 1px solid ${i.COLORS.stroke.primary};
+`,l=t.default.div`
 	padding-top: 12px;
 	padding-bottom: 12px;
-	border-bottom: ${r=>r.last?"0px":"1px"} solid
-		${e.COLORS.stroke.primary};
+	border-bottom: ${e=>e.last?"0px":"1px"} solid
+		${i.COLORS.stroke.primary};
 	display: flex;
 	gap: 9px;
-`,a=t.div`
-	background-color: ${e.COLORS.surface.hovered};
+`,s=t.default.div`
+	background-color: ${i.COLORS.surface.hovered};
 	width: 14px;
 	height: 14px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-radius: 100%;
-`,s=t.div`
+`,c=t.default.div`
 	width: 8px;
 	height: 8px;
-	background-color: ${e.COLORS.content.primary};
+	background-color: ${i.COLORS.content.primary};
 	border-radius: 100%;
-`;t.img`
+`;t.default.img`
 	width: 16px;
 	height: 16px;
 	margin-left: 6px;
 	margin-right: 4px;
-`;exports.Bullet=s;exports.BulletWrapper=a;exports.Description=p;exports.EachStep=d;exports.Header=i;exports.IconContainer=o;exports.StepsContainer=n;
+`;exports.Bullet=c;exports.BulletWrapper=s;exports.Description=p;exports.EachStep=l;exports.Header=d;exports.IconContainer=a;exports.StepsContainer=n;
 //# sourceMappingURL=AccessTokenTroubleshootDialog.styles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessTokenTroubleshootDialog.styles.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tdisplay: flex;\n\tgap: 12;\n\talign-items: center;\n\tmargin-bottom: 8px;\n\tpadding: 34px 32px 0px 32px;\n`;\n\nexport const IconContainer = styled.div`\n\tbackground-color: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 28px;\n\theight: 28px;\n\tborder-radius: 100%;\n\tmargin-right: 12px;\n`;\n\nexport const Description = styled.div`\n\tpadding-bottom: 32px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tmargin-left: 32px;\n\tmargin-right: 40px;\n`;\n\nexport const StepsContainer = styled.div`\n\tpadding: 32px;\n\tpadding-bottom: 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EachStep = styled.div<{ last?: boolean }>`\n\tpadding-top: 12px;\n\tpadding-bottom: 12px;\n\tborder-bottom: ${(props) => (props.last ? '0px' : '1px')} solid\n\t\t${COLORS.stroke.primary};\n\tdisplay: flex;\n\tgap: 9px;\n`;\n\nexport const BulletWrapper = styled.div`\n\tbackground-color: ${COLORS.surface.hovered};\n\twidth: 14px;\n\theight: 14px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 100%;\n`;\n\nexport const Bullet = styled.div`\n\twidth: 8px;\n\theight: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tborder-radius: 100%;\n`;\n\nexport const Image = styled.img`\n\twidth: 16px;\n\theight: 16px;\n\tmargin-left: 6px;\n\tmargin-right: 4px;\n`;\n"],"names":["Header","styled","IconContainer","COLORS","Description","StepsContainer","EachStep","props","BulletWrapper","Bullet"],"mappings":"~~2JAGaA~~,EAASC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhBC,EAAgBD,~~EAAO~~;AAAA,qBACfE,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxCC,EAAcH,~~EAAO~~;AAAA;AAAA,4BAENE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKpCE,EAAiBJ,~~EAAO~~;AAAA;AAAA;AAAA,4BAGTE,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGpCG,EAAWL,~~EAAO~~;AAAA;AAAA;AAAA,kBAGZM,GAAWA,EAAM,KAAO,MAAQ,KAAM;AAAA,IACrDJ,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKZK,EAAgBP,~~EAAO~~;AAAA,qBACfE,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BM,EAASR,~~EAAO~~;AAAA;AAAA;AAAA,qBAGRE,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAItBF,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"AccessTokenTroubleshootDialog.styles.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tdisplay: flex;\n\tgap: 12;\n\talign-items: center;\n\tmargin-bottom: 8px;\n\tpadding: 34px 32px 0px 32px;\n`;\n\nexport const IconContainer = styled.div`\n\tbackground-color: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 28px;\n\theight: 28px;\n\tborder-radius: 100%;\n\tmargin-right: 12px;\n`;\n\nexport const Description = styled.div`\n\tpadding-bottom: 32px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tmargin-left: 32px;\n\tmargin-right: 40px;\n`;\n\nexport const StepsContainer = styled.div`\n\tpadding: 32px;\n\tpadding-bottom: 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EachStep = styled.div<{ last?: boolean }>`\n\tpadding-top: 12px;\n\tpadding-bottom: 12px;\n\tborder-bottom: ${(props) => (props.last ? '0px' : '1px')} solid\n\t\t${COLORS.stroke.primary};\n\tdisplay: flex;\n\tgap: 9px;\n`;\n\nexport const BulletWrapper = styled.div`\n\tbackground-color: ${COLORS.surface.hovered};\n\twidth: 14px;\n\theight: 14px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 100%;\n`;\n\nexport const Bullet = styled.div`\n\twidth: 8px;\n\theight: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tborder-radius: 100%;\n`;\n\nexport const Image = styled.img`\n\twidth: 16px;\n\theight: 16px;\n\tmargin-left: 6px;\n\tmargin-right: 4px;\n`;\n"],"names":["Header","styled","IconContainer","COLORS","Description","StepsContainer","EachStep","props","BulletWrapper","Bullet"],"mappings":"0NAGaA,EAASC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhBC,EAAgBD,EAAAA,QAAO;AAAA,qBACfE,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxCC,EAAcH,EAAAA,QAAO;AAAA;AAAA,4BAENE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKpCE,EAAiBJ,EAAAA,QAAO;AAAA;AAAA;AAAA,4BAGTE,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGpCG,EAAWL,EAAAA,QAAO;AAAA;AAAA;AAAA,kBAGZM,GAAWA,EAAM,KAAO,MAAQ,KAAM;AAAA,IACrDJ,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKZK,EAAgBP,EAAAA,QAAO;AAAA,qBACfE,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BM,EAASR,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGRE,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAItBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/accordion/Accordion.style.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),r=require("../../constants/Theme.js"),d=o.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("styled-components"),r=require("../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=i(d),t=o.default.div`
 	width: ${e=>e?.width||"100%"};
 	display: flex;
 	flex-direction: column;
@@ -40,12 +40,12 @@
 			order: ${e=>e.openDirection==="UP"?-1:0};
 		}
 	}
-`,i=o.div`
+`,a=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 24px;
-`,t=o.div`
+`,l=o.default.div`
 	display: flex;
 	gap: 16px;
-`;exports.AccordionHeaderGroup=i;exports.AccordionHeaderGroup2=t;exports.default=d;
+`;exports.AccordionHeaderGroup=a;exports.AccordionHeaderGroup2=l;exports.default=t;
 //# sourceMappingURL=Accordion.style.js.map

package/dist/cjs/components/accordion/Accordion.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.style.js","sources":["../../../../src/components/accordion/Accordion.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { AccordionProps } from './Accordion.model';\n\nconst AccordionStyle = styled.div<{\n\tisActive: boolean;\n\twidth?: string;\n\tcontentMargin?: string;\n\tskipHoverState?: boolean;\n\theaderPadding?: string;\n\tshowBorders?: boolean;\n\tborderColor?: string;\n\tborderRadius?: string;\n\tbackgroundColor?: string;\n\thasChildrenMaxHeight?: boolean;\n\topenDirection?: AccordionProps['openDirection'];\n}>`\n\twidth: ${(props) => props?.width \|\| '100%'};\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder: ${(props) =>\n\t\tprops.showBorders ? '1px solid ' + COLORS.stroke.primary : ''};\n\tborder-color: ${(props) => props.borderColor \|\| COLORS.stroke.primary};\n\tborder-radius: ${(props) =>\n\t\tprops.borderRadius ? props.borderRadius : props.showBorders ? '4px' : ''};\n\tbackground: ${(props) => props.backgroundColor \|\| 'unset'};\n\t.accordion {\n\t\t&__overview {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 4px;\n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.headerPadding ? props.headerPadding : '24px'};\n\t\t\tborder-bottom: ${(props) =>\n\t\t\t\tprops.showBorders && props.isActive\n\t\t\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t\t\t: ''};\n\t\t\tborder-color: ${(props) => props.borderColor \|\| COLORS.stroke.primary};\n\t\t\t&__header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\t\t\t&__header-buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\t\t\t&__title-wrapper {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\t\t\t:hover {\n\t\t\t\tbackground: ${(props) =>\n\t\t\t\t\t!props.skipHoverState ? COLORS.surface.subdued : null};\n\t\t\t\tborder-radius: ${(props) => (!props.skipHoverState ? '4px' : null)};\n\t\t\t}\n\t\t}\n\t\t&__content {\n\t\t\t${(props) =>\n\t\t\t\tprops.isActive\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tmargin: props?.contentMargin \|\| '0px',\n\t\t\t\t\t }\n\t\t\t\t\t: {}};\n\t\t\toverflow: ${(props) =>\n\t\t\t\tprops.hasChildrenMaxHeight ? 'scroll' : 'hidden'};\n\t\t\tmax-height: 0;\n\t\t\torder: ${(props) => (props.openDirection === 'UP' ? -1 : 0)};\n\t\t}\n\t}\n`;\n\nexport default AccordionStyle;\n\nexport const AccordionHeaderGroup = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 24px;\n`;\n\nexport const AccordionHeaderGroup2 = styled.div`\n\tdisplay: flex;\n\tgap: 16px;\n`;\n"],"names":["AccordionStyle","styled","props","COLORS","AccordionHeaderGroup","AccordionHeaderGroup2"],"mappings":"~~uLAIMA~~,EAAiBC,~~EAAO~~;AAAA,UAanBC,GAAUA,GAAO,OAAS,MAAM;AAAA;AAAA;AAAA,WAG/BA,GACVA,EAAM,YAAc,aAAeC,SAAO,OAAO,QAAU,EAAE;AAAA,iBAC7CD,GAAUA,EAAM,aAAeC,EAAAA,OAAO,OAAO,OAAO;AAAA,kBACnDD,GACjBA,EAAM,aAAeA,EAAM,aAAeA,EAAM,YAAc,MAAQ,EAAE;AAAA,eAC1DA,GAAUA,EAAM,iBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAM3CA,GACXA,EAAM,cAAgBA,EAAM,cAAgB,MAAM;AAAA,oBACjCA,GACjBA,EAAM,aAAeA,EAAM,SACxB,aAAeC,EAAAA,OAAO,OAAO,QAC7B,EAAE;AAAA,mBACWD,GAAUA,EAAM,aAAeC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAgBrDD,GACbA,EAAM,eAA0C,KAAzBC,EAAAA,OAAO,QAAQ,OAAc;AAAA,qBACpCD,GAAYA,EAAM,eAAyB,KAAR,KAAa;AAAA;AAAA;AAAA;AAAA,KAIhEA,GACFA,EAAM,SACH,CACA,OAAQA,GAAO,eAAiB,KAChC,EACA,EAAE;AAAA,eACOA,GACZA,EAAM,qBAAuB,SAAW,QAAQ;AAAA;AAAA,YAEvCA,GAAWA,EAAM,gBAAkB,KAAO,GAAK,CAAE;AAAA;AAAA;AAAA,EAOjDE,EAAuBH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,EAM9BI,EAAwBJ,~~EAAO~~;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"Accordion.style.js","sources":["../../../../src/components/accordion/Accordion.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { AccordionProps } from './Accordion.model';\n\nconst AccordionStyle = styled.div<{\n\tisActive: boolean;\n\twidth?: string;\n\tcontentMargin?: string;\n\tskipHoverState?: boolean;\n\theaderPadding?: string;\n\tshowBorders?: boolean;\n\tborderColor?: string;\n\tborderRadius?: string;\n\tbackgroundColor?: string;\n\thasChildrenMaxHeight?: boolean;\n\topenDirection?: AccordionProps['openDirection'];\n}>`\n\twidth: ${(props) => props?.width \|\| '100%'};\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder: ${(props) =>\n\t\tprops.showBorders ? '1px solid ' + COLORS.stroke.primary : ''};\n\tborder-color: ${(props) => props.borderColor \|\| COLORS.stroke.primary};\n\tborder-radius: ${(props) =>\n\t\tprops.borderRadius ? props.borderRadius : props.showBorders ? '4px' : ''};\n\tbackground: ${(props) => props.backgroundColor \|\| 'unset'};\n\t.accordion {\n\t\t&__overview {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 4px;\n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.headerPadding ? props.headerPadding : '24px'};\n\t\t\tborder-bottom: ${(props) =>\n\t\t\t\tprops.showBorders && props.isActive\n\t\t\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t\t\t: ''};\n\t\t\tborder-color: ${(props) => props.borderColor \|\| COLORS.stroke.primary};\n\t\t\t&__header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\t\t\t&__header-buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\t\t\t&__title-wrapper {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\t\t\t:hover {\n\t\t\t\tbackground: ${(props) =>\n\t\t\t\t\t!props.skipHoverState ? COLORS.surface.subdued : null};\n\t\t\t\tborder-radius: ${(props) => (!props.skipHoverState ? '4px' : null)};\n\t\t\t}\n\t\t}\n\t\t&__content {\n\t\t\t${(props) =>\n\t\t\t\tprops.isActive\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tmargin: props?.contentMargin \|\| '0px',\n\t\t\t\t\t }\n\t\t\t\t\t: {}};\n\t\t\toverflow: ${(props) =>\n\t\t\t\tprops.hasChildrenMaxHeight ? 'scroll' : 'hidden'};\n\t\t\tmax-height: 0;\n\t\t\torder: ${(props) => (props.openDirection === 'UP' ? -1 : 0)};\n\t\t}\n\t}\n`;\n\nexport default AccordionStyle;\n\nexport const AccordionHeaderGroup = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 24px;\n`;\n\nexport const AccordionHeaderGroup2 = styled.div`\n\tdisplay: flex;\n\tgap: 16px;\n`;\n"],"names":["AccordionStyle","styled","props","COLORS","AccordionHeaderGroup","AccordionHeaderGroup2"],"mappings":"sPAIMA,EAAiBC,EAAAA,QAAO;AAAA,UAanBC,GAAUA,GAAO,OAAS,MAAM;AAAA;AAAA;AAAA,WAG/BA,GACVA,EAAM,YAAc,aAAeC,SAAO,OAAO,QAAU,EAAE;AAAA,iBAC7CD,GAAUA,EAAM,aAAeC,EAAAA,OAAO,OAAO,OAAO;AAAA,kBACnDD,GACjBA,EAAM,aAAeA,EAAM,aAAeA,EAAM,YAAc,MAAQ,EAAE;AAAA,eAC1DA,GAAUA,EAAM,iBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAM3CA,GACXA,EAAM,cAAgBA,EAAM,cAAgB,MAAM;AAAA,oBACjCA,GACjBA,EAAM,aAAeA,EAAM,SACxB,aAAeC,EAAAA,OAAO,OAAO,QAC7B,EAAE;AAAA,mBACWD,GAAUA,EAAM,aAAeC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAgBrDD,GACbA,EAAM,eAA0C,KAAzBC,EAAAA,OAAO,QAAQ,OAAc;AAAA,qBACpCD,GAAYA,EAAM,eAAyB,KAAR,KAAa;AAAA;AAAA;AAAA;AAAA,KAIhEA,GACFA,EAAM,SACH,CACA,OAAQA,GAAO,eAAiB,KAChC,EACA,EAAE;AAAA,eACOA,GACZA,EAAM,qBAAuB,SAAW,QAAQ;AAAA;AAAA,YAEvCA,GAAWA,EAAM,gBAAkB,KAAO,GAAK,CAAE;AAAA;AAAA;AAAA,EAOjDE,EAAuBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAM9BI,EAAwBJ,EAAAA,QAAO;AAAA;AAAA;AAAA"}

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

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

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

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

package/dist/cjs/components/action-button/ActionButton.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),r=require("../../constants/Theme.js"),o=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=o(r),d=i.default.div`
 	width: ${e=>e.width??"100%"};
 	display: flex;
 	flex-direction: row;
@@ -9,16 +9,16 @@
 	box-shadow: ${e=>e.isConfigured||e.isSelected||e.isError?"0px 2px 8px 0px #0000001f":""};
 	background-color: white;
 	border-radius: 4px;
-	border: ${e=>e.border??`1px solid ${r.BASE_COLORS.grayscale[200]}`};
+	border: ${e=>e.border??`1px solid ${t.BASE_COLORS.grayscale[200]}`};
 	cursor: pointer;
 	:hover {
-		background-color: ${e=>e.isSelected||e.isError?"":r.BASE_COLORS.grayscale[200]};
-		border: ${e=>e.isSelected||e.isError?"":e.isConfigured?`1px solid ${r.BASE_COLORS.grayscale[400]}`:`1px dashed ${r.BASE_COLORS.grayscale[400]}`};
+		background-color: ${e=>e.isSelected||e.isError?"":t.BASE_COLORS.grayscale[200]};
+		border: ${e=>e.isSelected||e.isError?"":e.isConfigured?`1px solid ${t.BASE_COLORS.grayscale[400]}`:`1px dashed ${t.BASE_COLORS.grayscale[400]}`};
 	}
 	.action__icon {
 		height: 20px;
 		width: 20px;
 	}
-`;exports.ActionButtonContainer=o;
+`;exports.ActionButtonContainer=d;
 //# sourceMappingURL=ActionButton.styled.js.map

package/dist/cjs/components/action-button/ActionButton.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.styled.js","sources":["../../../../src/components/action-button/ActionButton.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS } from '@src/constants/Theme';\n\nexport const ActionButtonContainer = styled.div<{\n\tisSelected: boolean;\n\tisError: boolean;\n\tborder: string;\n\tisConfigured: boolean;\n\twidth?: string;\n}>`\n\twidth: ${(props) => props.width ?? '100%'};\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 14px 0px;\n\tbox-shadow: ${(props) =>\n\t\tprops.isConfigured \|\| props.isSelected \|\| props.isError\n\t\t\t? '0px 2px 8px 0px #0000001f'\n\t\t\t: ''};\n\tbackground-color: white;\n\tborder-radius: 4px;\n\tborder: ${(props) =>\n\t\tprops.border ?? `1px solid ${BASE_COLORS.grayscale['200']}`};\n\tcursor: pointer;\n\t:hover {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.isSelected \|\| props.isError ? '' : BASE_COLORS.grayscale['200']};\n\t\tborder: ${(props) =>\n\t\t\tprops.isSelected \|\| props.isError\n\t\t\t\t? ''\n\t\t\t\t: props.isConfigured\n\t\t\t\t? `1px solid ${BASE_COLORS.grayscale['400']}`\n\t\t\t\t: `1px dashed ${BASE_COLORS.grayscale['400']}`};\n\t}\n\n\t.action__icon {\n\t\theight: 20px;\n\t\twidth: 20px;\n\t}\n`;\n"],"names":["ActionButtonContainer","styled","props","BASE_COLORS"],"mappings":"~~2JAGaA~~,EAAwBC,~~EAAO~~;AAAA,UAOjCC,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO1BA,GACdA,EAAM,cAAgBA,EAAM,YAAcA,EAAM,QAC7C,4BACA,EAAE;AAAA;AAAA;AAAA,WAGKA,GACVA,EAAM,QAAU,aAAaC,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAE;AAAA;AAAA;AAAA,sBAGtCD,GACpBA,EAAM,YAAcA,EAAM,QAAU,GAAKC,EAAAA,YAAY,UAAU,GAAK,CAAC;AAAA,YAC3DD,GACVA,EAAM,YAAcA,EAAM,QACvB,GACAA,EAAM,aACN,aAAaC,EAAAA,YAAY,UAAU,GAAK,CAAC,GACzC,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"ActionButton.styled.js","sources":["../../../../src/components/action-button/ActionButton.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS } from '@src/constants/Theme';\n\nexport const ActionButtonContainer = styled.div<{\n\tisSelected: boolean;\n\tisError: boolean;\n\tborder: string;\n\tisConfigured: boolean;\n\twidth?: string;\n}>`\n\twidth: ${(props) => props.width ?? '100%'};\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 14px 0px;\n\tbox-shadow: ${(props) =>\n\t\tprops.isConfigured \|\| props.isSelected \|\| props.isError\n\t\t\t? '0px 2px 8px 0px #0000001f'\n\t\t\t: ''};\n\tbackground-color: white;\n\tborder-radius: 4px;\n\tborder: ${(props) =>\n\t\tprops.border ?? `1px solid ${BASE_COLORS.grayscale['200']}`};\n\tcursor: pointer;\n\t:hover {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.isSelected \|\| props.isError ? '' : BASE_COLORS.grayscale['200']};\n\t\tborder: ${(props) =>\n\t\t\tprops.isSelected \|\| props.isError\n\t\t\t\t? ''\n\t\t\t\t: props.isConfigured\n\t\t\t\t? `1px solid ${BASE_COLORS.grayscale['400']}`\n\t\t\t\t: `1px dashed ${BASE_COLORS.grayscale['400']}`};\n\t}\n\n\t.action__icon {\n\t\theight: 20px;\n\t\twidth: 20px;\n\t}\n`;\n"],"names":["ActionButtonContainer","styled","props","BASE_COLORS"],"mappings":"0NAGaA,EAAwBC,EAAAA,QAAO;AAAA,UAOjCC,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO1BA,GACdA,EAAM,cAAgBA,EAAM,YAAcA,EAAM,QAC7C,4BACA,EAAE;AAAA;AAAA;AAAA,WAGKA,GACVA,EAAM,QAAU,aAAaC,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAE;AAAA;AAAA;AAAA,sBAGtCD,GACpBA,EAAM,YAAcA,EAAM,QAAU,GAAKC,EAAAA,YAAY,UAAU,GAAK,CAAC;AAAA,YAC3DD,GACVA,EAAM,YAAcA,EAAM,QACvB,GACAA,EAAM,aACN,aAAaC,EAAAA,YAAY,UAAU,GAAK,CAAC,GACzC,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/add-variableV2/AddVariableBox.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=t.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=o(e),r=i.default.button`
 	padding: 2px 8px;
 	position: absolute;
 	right: 0px;
@@ -22,5 +22,5 @@
 		display: flex;
 		align-items: center;
 	}
-`;exports.AddVariableStyled=e;
+`;exports.AddVariableStyled=r;
 //# sourceMappingURL=AddVariableBox.styled.js.map

package/dist/cjs/components/add-variableV2/AddVariableBox.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddVariableBox.styled.js","sources":["../../../../src/components/add-variableV2/AddVariableBox.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const AddVariableStyled = styled.button`\n\tpadding: 2px 8px;\n\tposition: absolute;\n\tright: 0px;\n\tcursor: pointer;\n\tcolor: white;\n\tbackground-color: black;\n\twidth: fit-content;\n\tfloat: right;\n\tmargin-top: 0px;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tborder-radius: 4px;\n\tborder: 1px solid #ccc;\n\tmargin-right: 1px;\n\tz-index: 100;\n\n\t.add {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["AddVariableStyled","styled"],"mappings":"~~qHAEaA~~,EAAoBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"AddVariableBox.styled.js","sources":["../../../../src/components/add-variableV2/AddVariableBox.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const AddVariableStyled = styled.button`\n\tpadding: 2px 8px;\n\tposition: absolute;\n\tright: 0px;\n\tcursor: pointer;\n\tcolor: white;\n\tbackground-color: black;\n\twidth: fit-content;\n\tfloat: right;\n\tmargin-top: 0px;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tborder-radius: 4px;\n\tborder: 1px solid #ccc;\n\tmargin-right: 1px;\n\tz-index: 100;\n\n\t.add {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["AddVariableStyled","styled"],"mappings":"oLAEaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/add-variableV2/AddVariableV2.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(o),a=t.default.div`
 	position: ${e=>e.positionStrategy?e.positionStrategy:"fixed"};
 	z-index: ${e=>e.zIndex?e.zIndex:250};
 	*::-webkit-scrollbar {
@@ -133,7 +133,7 @@
 			bottom: 0px;
 		}
 	}
-`;o.div`
+`;t.default.div`
 	.box {
 		display: flex;
 		align-items: center;
@@ -161,5 +161,5 @@
 			color: ${e=>e?.isAvailable?"#212121":"#bdbdbd"};
 		}
 	}
-`;exports.AddVariableStyled=t;
+`;exports.AddVariableStyled=a;
 //# sourceMappingURL=AddVariableV2.styled.js.map

package/dist/cjs/components/add-variableV2/AddVariableV2.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddVariableV2.styled.js","sources":["../../../../src/components/add-variableV2/AddVariableV2.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const AddVariableStyled = styled.div<{\n\tpickerSize: string;\n\tisModalState?: boolean;\n\tzIndex?: number;\n\tpositionStrategy?: string;\n\theight?: string;\n\tneedsBorder?: boolean;\n\twidth?: string;\n}>`\n\tposition: ${(props) =>\n\t\tprops.positionStrategy ? props.positionStrategy : 'fixed'};\n\tz-index: ${(props) => (props.zIndex ? props.zIndex : 250)};\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t {\n\t\t-ms-overflow-style: none;\n\t\tscrollbar-width: none;\n\t}\n\t.popup {\n\t\tbackground: white;\n\t\twidth: ${(props) =>\n\t\t\tprops.width ? props.width : props.isModalState ? '566px' : '480px'};\n\t\theight: ${(props) =>\n\t\t\tprops.isModalState\n\t\t\t\t? '100vh'\n\t\t\t\t: props.height\n\t\t\t\t? props.height\n\t\t\t\t: props.pickerSize === 'small'\n\t\t\t\t? '40vh'\n\t\t\t\t: '90vh'};\n\t\tborder: ${(props) =>\n\t\t\t!props.needsBorder\n\t\t\t\t? 'none'\n\t\t\t\t: !props.isModalState\n\t\t\t\t? '1px solid #e0e0e0'\n\t\t\t\t: 'unset'};\n\t\tborder-radius: 8px;\n\t\toverflow-y: scroll;\n\t\t.sticky__bar {\n\t\t\tz-index: 10;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tbackground: white;\n\n\t\t\t.header__bar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 24px 24px 16px 24px;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t\t.add__variable {\n\t\t\t\t\tfont-family: 'Inter';\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tline-height: 24px;\n\n\t\t\t\t\tcolor: #212121;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.search__bar {\n\t\t\t\tpadding: 24px 24px 8px 24px;\n\t\t\t\tbackground-color: #fafafa;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t}\n\t\t\t.nav__bar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t\tbackground: var(--surface-color-surface-hovered, #f0f0f0);\n\t\t\t\tpadding: 10px 24px;\n\n\t\t\t\tfont-family: Inter;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-style: normal;\n\n\t\t\t\tline-height: 20px;\n\n\t\t\t\t.left__nav {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 8px;\n\t\t\t\t\tcolor: var(--content-color-content-primary, #212121);\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t\t.right__nav {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 8px;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tcolor: var(--content-color-content-secondary, #616161);\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\thr {\n\t\t\tmargin: 0;\n\t\t\tborder: 0.2px solid #e0e0e0;\n\t\t}\n\t\t.wrapper {\n\t\t\tpadding: 4px 24px 16px 24px;\n\t\t\t.search__bar {\n\t\t\t\tpadding-bottom: 16px;\n\t\t\t\tinput {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: 6px 8px;\n\t\t\t\t\tborder: 1px solid #e0e0e0;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F5bc8962e-af88-4692-80f1-631ac4a5c6c7?alt=media&token=7931b07d-cb55-43aa-be75-9ddac4b8ddad');\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-position: 95% 50%;\n\t\t\t\t\tbackground-size: 20px 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.heading__font {\n\t\t\t\tfont-family: 'Inter';\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tpadding: 12px 0 0 0;\n\t\t\t\tcolor: #212121;\n\t\t\t}\n\t\t\t.sub_heading__font {\n\t\t\t\tfont-family: 'Inter';\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tcolor: #212121;\n\t\t\t}\n\n\t\t\t.items {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgrid-gap: 8px;\n\t\t\t\t.block {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tflex-wrap: nowrap;\n\t\t\t\t\twidth: 430px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tposition: relative;\n\n\t\t.bottom__padding {\n\t\t\tbackground: white;\n\t\t\tmin-height: 30px;\n\t\t\twidth: 100%;\n\t\t\tposition: sticky;\n\t\t\tz-index: 10;\n\t\t\tbottom: 0px;\n\t\t}\n\t}\n`;\n\nexport const VariableBoxStyled = styled.div<{ isAvailable?: boolean }>`\n\t.box {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tpadding: 6px 12px 6px 8px;\n\t\tgap: 8px;\n\t\twidth: auto;\n\t\theight: 32px;\n\n\t\tbackground: ${(props) => (props?.isAvailable ? '#f0f0f0' : '#fafafa')};\n\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 4px;\n\t\t.icon {\n\t\t\tcolor: ${(props) => (props?.isAvailable ? '#212121' : '#bdbdbd')};\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.variable__name {\n\t\t\tfont-family: 'Inter';\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 20px;\n\t\t\tcolor: ${(props) => (props?.isAvailable ? '#212121' : '#bdbdbd')};\n\t\t}\n\t}\n`;\n"],"names":["AddVariableStyled","styled","props"],"mappings":"~~qHAEaA~~,EAAoBC,~~EAAO~~;AAAA,aAS1BC,GACZA,EAAM,iBAAmBA,EAAM,iBAAmB,OAAO;AAAA,YAC9CA,GAAWA,EAAM,OAASA,EAAM,OAAS,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU9CA,GACTA,EAAM,MAAQA,EAAM,MAAQA,EAAM,aAAe,QAAU,OAAO;AAAA,YACxDA,GACVA,EAAM,aACH,QACAA,EAAM,OACNA,EAAM,OACNA,EAAM,aAAe,QACrB,OACA,MAAM;AAAA,YACCA,GACTA,EAAM,YAEHA,EAAM,aAEP,QADA,oBAFA,MAGO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2HoBD,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAUvBC,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1DA,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAUtDA,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"AddVariableV2.styled.js","sources":["../../../../src/components/add-variableV2/AddVariableV2.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const AddVariableStyled = styled.div<{\n\tpickerSize: string;\n\tisModalState?: boolean;\n\tzIndex?: number;\n\tpositionStrategy?: string;\n\theight?: string;\n\tneedsBorder?: boolean;\n\twidth?: string;\n}>`\n\tposition: ${(props) =>\n\t\tprops.positionStrategy ? props.positionStrategy : 'fixed'};\n\tz-index: ${(props) => (props.zIndex ? props.zIndex : 250)};\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t {\n\t\t-ms-overflow-style: none;\n\t\tscrollbar-width: none;\n\t}\n\t.popup {\n\t\tbackground: white;\n\t\twidth: ${(props) =>\n\t\t\tprops.width ? props.width : props.isModalState ? '566px' : '480px'};\n\t\theight: ${(props) =>\n\t\t\tprops.isModalState\n\t\t\t\t? '100vh'\n\t\t\t\t: props.height\n\t\t\t\t? props.height\n\t\t\t\t: props.pickerSize === 'small'\n\t\t\t\t? '40vh'\n\t\t\t\t: '90vh'};\n\t\tborder: ${(props) =>\n\t\t\t!props.needsBorder\n\t\t\t\t? 'none'\n\t\t\t\t: !props.isModalState\n\t\t\t\t? '1px solid #e0e0e0'\n\t\t\t\t: 'unset'};\n\t\tborder-radius: 8px;\n\t\toverflow-y: scroll;\n\t\t.sticky__bar {\n\t\t\tz-index: 10;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tbackground: white;\n\n\t\t\t.header__bar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 24px 24px 16px 24px;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t\t.add__variable {\n\t\t\t\t\tfont-family: 'Inter';\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tline-height: 24px;\n\n\t\t\t\t\tcolor: #212121;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.search__bar {\n\t\t\t\tpadding: 24px 24px 8px 24px;\n\t\t\t\tbackground-color: #fafafa;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t}\n\t\t\t.nav__bar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tborder-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\t\t\tbackground: var(--surface-color-surface-hovered, #f0f0f0);\n\t\t\t\tpadding: 10px 24px;\n\n\t\t\t\tfont-family: Inter;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-style: normal;\n\n\t\t\t\tline-height: 20px;\n\n\t\t\t\t.left__nav {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 8px;\n\t\t\t\t\tcolor: var(--content-color-content-primary, #212121);\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t\t.right__nav {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 8px;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tcolor: var(--content-color-content-secondary, #616161);\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\thr {\n\t\t\tmargin: 0;\n\t\t\tborder: 0.2px solid #e0e0e0;\n\t\t}\n\t\t.wrapper {\n\t\t\tpadding: 4px 24px 16px 24px;\n\t\t\t.search__bar {\n\t\t\t\tpadding-bottom: 16px;\n\t\t\t\tinput {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: 6px 8px;\n\t\t\t\t\tborder: 1px solid #e0e0e0;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F5bc8962e-af88-4692-80f1-631ac4a5c6c7?alt=media&token=7931b07d-cb55-43aa-be75-9ddac4b8ddad');\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-position: 95% 50%;\n\t\t\t\t\tbackground-size: 20px 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.heading__font {\n\t\t\t\tfont-family: 'Inter';\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tpadding: 12px 0 0 0;\n\t\t\t\tcolor: #212121;\n\t\t\t}\n\t\t\t.sub_heading__font {\n\t\t\t\tfont-family: 'Inter';\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tcolor: #212121;\n\t\t\t}\n\n\t\t\t.items {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgrid-gap: 8px;\n\t\t\t\t.block {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tflex-wrap: nowrap;\n\t\t\t\t\twidth: 430px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tposition: relative;\n\n\t\t.bottom__padding {\n\t\t\tbackground: white;\n\t\t\tmin-height: 30px;\n\t\t\twidth: 100%;\n\t\t\tposition: sticky;\n\t\t\tz-index: 10;\n\t\t\tbottom: 0px;\n\t\t}\n\t}\n`;\n\nexport const VariableBoxStyled = styled.div<{ isAvailable?: boolean }>`\n\t.box {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tpadding: 6px 12px 6px 8px;\n\t\tgap: 8px;\n\t\twidth: auto;\n\t\theight: 32px;\n\n\t\tbackground: ${(props) => (props?.isAvailable ? '#f0f0f0' : '#fafafa')};\n\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 4px;\n\t\t.icon {\n\t\t\tcolor: ${(props) => (props?.isAvailable ? '#212121' : '#bdbdbd')};\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.variable__name {\n\t\t\tfont-family: 'Inter';\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 20px;\n\t\t\tcolor: ${(props) => (props?.isAvailable ? '#212121' : '#bdbdbd')};\n\t\t}\n\t}\n`;\n"],"names":["AddVariableStyled","styled","props"],"mappings":"oLAEaA,EAAoBC,EAAAA,QAAO;AAAA,aAS1BC,GACZA,EAAM,iBAAmBA,EAAM,iBAAmB,OAAO;AAAA,YAC9CA,GAAWA,EAAM,OAASA,EAAM,OAAS,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU9CA,GACTA,EAAM,MAAQA,EAAM,MAAQA,EAAM,aAAe,QAAU,OAAO;AAAA,YACxDA,GACVA,EAAM,aACH,QACAA,EAAM,OACNA,EAAM,OACNA,EAAM,aAAe,QACrB,OACA,MAAM;AAAA,YACCA,GACTA,EAAM,YAEHA,EAAM,aAEP,QADA,oBAFA,MAGO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2HoBD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAUvBC,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1DA,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAUtDA,GAAWA,GAAO,YAAc,UAAY,SAAU;AAAA;AAAA;AAAA"}

package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react-dom"),i=require("./AddVariableV2.js"),l=require("../side-modal/SideModal.style.js"),r=e=>t.createPortal(a.jsx(l.SideModalStyle,{zIndex:e.zIndex,children:a.jsx(l.SideModalContainer,{children:a.jsx(i.AddVariableV2,{data:e.data,showVariable:e.showVariable,setShowVariable:e.setShowVariable,variableValue:e.variableValue,setVariableValue:e.setVariableValue,placeholder:"Add a variable",customTrigger:e.customTrigger,isModalState:!0,onSearchBlur:e.onSearchBlur,selectWithTypes:e.selectWithTypes})})}),document.body);exports.AddVariableV2SideModal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react-dom"),d=require("./AddVariableV2.js"),t=require("../side-modal/SideModal.style.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=i(l),o=e=>r.default.createPortal(a.jsx(t.SideModalStyle,{zIndex:e.zIndex,children:a.jsx(t.SideModalContainer,{children:a.jsx(d.AddVariableV2,{data:e.data,showVariable:e.showVariable,setShowVariable:e.setShowVariable,variableValue:e.variableValue,setVariableValue:e.setVariableValue,placeholder:"Add a variable",customTrigger:e.customTrigger,isModalState:!0,onSearchBlur:e.onSearchBlur,selectWithTypes:e.selectWithTypes})})}),document.body);exports.AddVariableV2SideModal=o;
 //# sourceMappingURL=AddVariableV2SideModal.js.map

package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddVariableV2SideModal.js","sources":["../../../../src/components/add-variableV2/AddVariableV2SideModal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tAddVariableV2,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport {\n\tSideModalContainer,\n\tSideModalStyle,\n} from '@src/components/side-modal/SideModal.style';\n\nexport interface VariableV2SideModalProps {\n\tdata: VariableListInterfaceV2[];\n\tshowVariable: any;\n\tsetShowVariable: any;\n\tvariableValue?: any;\n\tsetVariableValue?: any;\n\tplaceholder: string;\n\tcustomTrigger?: any;\n\tisSearchRequired?: boolean;\n\tleftPosition?: number;\n\tpickerSize?: string;\n\tzIndex?: number;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n}\n\nexport const AddVariableV2SideModal: React.FC<VariableV2SideModalProps> = (\n\tprops,\n) => {\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer>\n\t\t\t\t<AddVariableV2\n\t\t\t\t\tdata={props.data}\n\t\t\t\t\tshowVariable={props.showVariable}\n\t\t\t\t\tsetShowVariable={props.setShowVariable}\n\t\t\t\t\tvariableValue={props.variableValue}\n\t\t\t\t\tsetVariableValue={props.setVariableValue}\n\t\t\t\t\tplaceholder={'Add a variable'}\n\t\t\t\t\tcustomTrigger={props.customTrigger}\n\t\t\t\t\tisModalState={true}\n\t\t\t\t\tonSearchBlur={props.onSearchBlur}\n\t\t\t\t\tselectWithTypes={props.selectWithTypes}\n\t\t\t\t/>\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["AddVariableV2SideModal","props","ReactDOM","SideModalStyle","SideModalContainer","jsx","AddVariableV2"],"mappings":"~~0NA4BaA~~,EACZC,GAEOC,~~EAAS~~,mBACdC,EAAAA,eAAA,CAAe,OAAQF,EAAM,OAC7B,eAACG,EAAAA,mBAAA,CACA,SAAAC,EAAAA,IAACC,EAAAA,cAAA,CACA,KAAML,EAAM,KACZ,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,iBAAkBA,EAAM,iBACxB,YAAa,iBACb,cAAeA,EAAM,cACrB,aAAc,GACd,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,eAAA,CAAA,EAEzB,CAAA,CACD,EACA,SAAS,IAAA"}
1	+ {"version":3,"file":"AddVariableV2SideModal.js","sources":["../../../../src/components/add-variableV2/AddVariableV2SideModal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tAddVariableV2,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport {\n\tSideModalContainer,\n\tSideModalStyle,\n} from '@src/components/side-modal/SideModal.style';\n\nexport interface VariableV2SideModalProps {\n\tdata: VariableListInterfaceV2[];\n\tshowVariable: any;\n\tsetShowVariable: any;\n\tvariableValue?: any;\n\tsetVariableValue?: any;\n\tplaceholder: string;\n\tcustomTrigger?: any;\n\tisSearchRequired?: boolean;\n\tleftPosition?: number;\n\tpickerSize?: string;\n\tzIndex?: number;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n}\n\nexport const AddVariableV2SideModal: React.FC<VariableV2SideModalProps> = (\n\tprops,\n) => {\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer>\n\t\t\t\t<AddVariableV2\n\t\t\t\t\tdata={props.data}\n\t\t\t\t\tshowVariable={props.showVariable}\n\t\t\t\t\tsetShowVariable={props.setShowVariable}\n\t\t\t\t\tvariableValue={props.variableValue}\n\t\t\t\t\tsetVariableValue={props.setVariableValue}\n\t\t\t\t\tplaceholder={'Add a variable'}\n\t\t\t\t\tcustomTrigger={props.customTrigger}\n\t\t\t\t\tisModalState={true}\n\t\t\t\t\tonSearchBlur={props.onSearchBlur}\n\t\t\t\t\tselectWithTypes={props.selectWithTypes}\n\t\t\t\t/>\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["AddVariableV2SideModal","props","ReactDOM","SideModalStyle","SideModalContainer","jsx","AddVariableV2"],"mappings":"yRA4BaA,EACZC,GAEOC,EAAAA,QAAS,mBACdC,EAAAA,eAAA,CAAe,OAAQF,EAAM,OAC7B,eAACG,EAAAA,mBAAA,CACA,SAAAC,EAAAA,IAACC,EAAAA,cAAA,CACA,KAAML,EAAM,KACZ,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,iBAAkBA,EAAM,iBACxB,YAAa,iBACb,cAAeA,EAAM,cACrB,aAAc,GACd,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,eAAA,CAAA,EAEzB,CAAA,CACD,EACA,SAAS,IAAA"}

package/dist/cjs/components/alerts/Alert.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("./AlertHelper.js"),o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("./AlertHelper.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=l(r),n=o.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
@@ -6,14 +6,14 @@
 	background-color: ${e=>t.COLOR_CONFIG_MAP[e.type].backgroundColor};
 	border-radius: 4px;
 	border: 1px solid ${e=>t.COLOR_CONFIG_MAP[e.type].borderColor};
-`,n=r.div`
+`,i=o.default.div`
 	flex: 1;
 	display: flex;
 	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
 	align-items: center;
-`,l=r.div`
+`,a=o.default.div`
 	margin-left: 16px;
 	display: flex;
 	align-items: center;
-`;exports.AlertContentWrapper=n;exports.AlertStyle=o;exports.CloseIconWrapper=l;
+`;exports.AlertContentWrapper=i;exports.AlertStyle=n;exports.CloseIconWrapper=a;
 //# sourceMappingURL=Alert.styled.js.map

package/dist/cjs/components/alerts/Alert.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.styled.js","sources":["../../../../src/components/alerts/Alert.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tALERT_TYPES,\n\tCOLOR_CONFIG_MAP,\n\tCONTENT_POSITION,\n} from '@src/components/alerts/AlertHelper';\n\nexport const AlertStyle = styled.div<{\n\ttype: ALERT_TYPES;\n\tcontentPosition?: CONTENT_POSITION;\n}>`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: ${(props) =>\n\t\tprops.contentPosition \|\| CONTENT_POSITION.CENTER};\n\tpadding: 8px 16px;\n\tbackground-color: ${(props) => COLOR_CONFIG_MAP[props.type].backgroundColor};\n\tborder-radius: 4px;\n\tborder: 1px solid ${(props) => COLOR_CONFIG_MAP[props.type].borderColor};\n`;\n\nexport const AlertContentWrapper = styled.div<{\n\tcontentPosition?: CONTENT_POSITION;\n}>`\n\tflex: 1;\n\tdisplay: flex;\n\tjustify-content: ${(props) =>\n\t\tprops.contentPosition \|\| CONTENT_POSITION.CENTER};\n\talign-items: center;\n`;\n\nexport const CloseIconWrapper = styled.div`\n\tmargin-left: 16px;\n\tdisplay: flex;\n\talign-items: center;\n`;\n"],"names":["AlertStyle","styled","props","CONTENT_POSITION","COLOR_CONFIG_MAP","AlertContentWrapper","CloseIconWrapper"],"mappings":"~~mJAOaA~~,EAAaC,~~EAAO~~;AAAA;AAAA;AAAA,oBAMZC,GACnBA,EAAM,iBAAmBC,EAAAA,iBAAiB,MAAM;AAAA;AAAA,qBAE5BD,GAAUE,EAAAA,iBAAiBF,EAAM,IAAI,EAAE,eAAe;AAAA;AAAA,qBAEtDA,GAAUE,EAAAA,iBAAiBF,EAAM,IAAI,EAAE,WAAW;AAAA,EAG3DG,EAAsBJ,~~EAAO~~;AAAA;AAAA;AAAA,oBAKrBC,GACnBA,EAAM,iBAAmBC,EAAAA,iBAAiB,MAAM;AAAA;AAAA,EAIrCG,EAAmBL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"Alert.styled.js","sources":["../../../../src/components/alerts/Alert.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tALERT_TYPES,\n\tCOLOR_CONFIG_MAP,\n\tCONTENT_POSITION,\n} from '@src/components/alerts/AlertHelper';\n\nexport const AlertStyle = styled.div<{\n\ttype: ALERT_TYPES;\n\tcontentPosition?: CONTENT_POSITION;\n}>`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: ${(props) =>\n\t\tprops.contentPosition \|\| CONTENT_POSITION.CENTER};\n\tpadding: 8px 16px;\n\tbackground-color: ${(props) => COLOR_CONFIG_MAP[props.type].backgroundColor};\n\tborder-radius: 4px;\n\tborder: 1px solid ${(props) => COLOR_CONFIG_MAP[props.type].borderColor};\n`;\n\nexport const AlertContentWrapper = styled.div<{\n\tcontentPosition?: CONTENT_POSITION;\n}>`\n\tflex: 1;\n\tdisplay: flex;\n\tjustify-content: ${(props) =>\n\t\tprops.contentPosition \|\| CONTENT_POSITION.CENTER};\n\talign-items: center;\n`;\n\nexport const CloseIconWrapper = styled.div`\n\tmargin-left: 16px;\n\tdisplay: flex;\n\talign-items: center;\n`;\n"],"names":["AlertStyle","styled","props","CONTENT_POSITION","COLOR_CONFIG_MAP","AlertContentWrapper","CloseIconWrapper"],"mappings":"kNAOaA,EAAaC,EAAAA,QAAO;AAAA;AAAA;AAAA,oBAMZC,GACnBA,EAAM,iBAAmBC,EAAAA,iBAAiB,MAAM;AAAA;AAAA,qBAE5BD,GAAUE,EAAAA,iBAAiBF,EAAM,IAAI,EAAE,eAAe;AAAA;AAAA,qBAEtDA,GAAUE,EAAAA,iBAAiBF,EAAM,IAAI,EAAE,WAAW;AAAA,EAG3DG,EAAsBJ,EAAAA,QAAO;AAAA;AAAA;AAAA,oBAKrBC,GACnBA,EAAM,iBAAmBC,EAAAA,iBAAiB,MAAM;AAAA;AAAA,EAIrCG,EAAmBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),e=require("../../constants/Theme.js"),i=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),e=require("../../constants/Theme.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=i(a),c=n.default.div`
 	display: flex;
 	flex-wrap: wrap;
 	row-gap: 16px;
@@ -25,7 +25,7 @@
 			margin-top: 2px !important;
 		}
 	}
-`,a=n.div`
+`,l=n.default.div`
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -43,5 +43,5 @@
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-`;exports.AnalyticsContainer=i;exports.CardDataContainer=a;
+`;exports.AnalyticsContainer=c;exports.CardDataContainer=l;
 //# sourceMappingURL=AnalyticsCard.styled.js.map

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsCard.styled.js","sources":["../../../../src/components/analytics-card/AnalyticsCard.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport { ModeType } from './AnalyticsCard.model';\n\nexport const AnalyticsContainer = styled.div<{\n\twidth: string;\n\tmode?: ModeType;\n\tcount?: number;\n}>`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\trow-gap: 16px;\n\talign-items: center;\n\tjustify-content: space-evenly;\n\n\t${(props) => (props.width ? `width: ${props.width}` : 'width: 280px')};\n\tbackground: ${(props) =>\n\t\tprops.mode == 'light'\n\t\t\t? BASE_COLORS.grayscale['100']\n\t\t\t: BASE_COLORS.brand['900']};\n\tpadding: 26px 12px 16px 12px;\n\tborder-radius: 0 0 8px 8px;\n\n\t.analytics__card:nth-child(n + 4) {\n\t\t${(props) =>\n\t\t\tprops.count == 5\n\t\t\t\t? 'flex-basis: 48%'\n\t\t\t\t: props.count == 6 \|\| props.count == 7\n\t\t\t\t? 'flex-basis: 31%'\n\t\t\t\t: props.count == 8\n\t\t\t\t? 'flex-basis: 23%'\n\t\t\t\t: ''};\n\t}\n\n\t.analytics__card:nth-child(4) {\n\t\t${(props) => (props.count == 7 ? 'flex-basis: 23% !important' : '')}\n\t}\n\n\t.shimmers {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\t.shine {\n\t\t\tmargin-top: 2px !important;\n\t\t}\n\t}\n`;\n\nexport const CardDataContainer = styled.div<{\n\tcount: number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\trow-gap: 4px;\n\n\tflex-grow: 1;\n\tflex-shrink: 0;\n\tflex-basis: ${(props) =>\n\t\tprops.count == 2\n\t\t\t? '48%'\n\t\t\t: props.count == 3\n\t\t\t? '31%'\n\t\t\t: props.count == 4\n\t\t\t? '23%'\n\t\t\t: props.count == 5\n\t\t\t? '31%'\n\t\t\t: props.count == 6\n\t\t\t? '31%'\n\t\t\t: props.count == 7\n\t\t\t? '23%'\n\t\t\t: props.count == 8\n\t\t\t? '23%'\n\t\t\t: 'auto'};\n\n\t.category,\n\t.statistic {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n`;\n"],"names":["AnalyticsContainer","styled","props","BASE_COLORS","CardDataContainer"],"mappings":"~~2JAIaA~~,EAAqBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrCC,GAAWA,EAAM,MAAQ,UAAUA,EAAM,KAAK,GAAK,cAAe;AAAA,eACtDA,GACdA,EAAM,MAAQ,QACXC,EAAAA,YAAY,UAAU,GAAK,EAC3BA,EAAAA,YAAY,MAAM,GAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBD,GACFA,EAAM,OAAS,EACZ,kBACAA,EAAM,OAAS,GAAKA,EAAM,OAAS,EACnC,kBACAA,EAAM,OAAS,EACf,kBACA,EAAE;AAAA;AAAA;AAAA;AAAA,IAIHA,GAAWA,EAAM,OAAS,EAAI,6BAA+B,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxDE,EAAoBH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWxBC,GACdA,EAAM,OAAS,EACZ,MACAA,EAAM,OAAS,EACf,MACAA,EAAM,OAAS,EACf,MACAA,EAAM,OAAS,GAEfA,EAAM,OAAS,EADf,MAGAA,EAAM,OAAS,GAEfA,EAAM,OAAS,EADf,MAGA,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"AnalyticsCard.styled.js","sources":["../../../../src/components/analytics-card/AnalyticsCard.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport { ModeType } from './AnalyticsCard.model';\n\nexport const AnalyticsContainer = styled.div<{\n\twidth: string;\n\tmode?: ModeType;\n\tcount?: number;\n}>`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\trow-gap: 16px;\n\talign-items: center;\n\tjustify-content: space-evenly;\n\n\t${(props) => (props.width ? `width: ${props.width}` : 'width: 280px')};\n\tbackground: ${(props) =>\n\t\tprops.mode == 'light'\n\t\t\t? BASE_COLORS.grayscale['100']\n\t\t\t: BASE_COLORS.brand['900']};\n\tpadding: 26px 12px 16px 12px;\n\tborder-radius: 0 0 8px 8px;\n\n\t.analytics__card:nth-child(n + 4) {\n\t\t${(props) =>\n\t\t\tprops.count == 5\n\t\t\t\t? 'flex-basis: 48%'\n\t\t\t\t: props.count == 6 \|\| props.count == 7\n\t\t\t\t? 'flex-basis: 31%'\n\t\t\t\t: props.count == 8\n\t\t\t\t? 'flex-basis: 23%'\n\t\t\t\t: ''};\n\t}\n\n\t.analytics__card:nth-child(4) {\n\t\t${(props) => (props.count == 7 ? 'flex-basis: 23% !important' : '')}\n\t}\n\n\t.shimmers {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\t.shine {\n\t\t\tmargin-top: 2px !important;\n\t\t}\n\t}\n`;\n\nexport const CardDataContainer = styled.div<{\n\tcount: number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\trow-gap: 4px;\n\n\tflex-grow: 1;\n\tflex-shrink: 0;\n\tflex-basis: ${(props) =>\n\t\tprops.count == 2\n\t\t\t? '48%'\n\t\t\t: props.count == 3\n\t\t\t? '31%'\n\t\t\t: props.count == 4\n\t\t\t? '23%'\n\t\t\t: props.count == 5\n\t\t\t? '31%'\n\t\t\t: props.count == 6\n\t\t\t? '31%'\n\t\t\t: props.count == 7\n\t\t\t? '23%'\n\t\t\t: props.count == 8\n\t\t\t? '23%'\n\t\t\t: 'auto'};\n\n\t.category,\n\t.statistic {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n`;\n"],"names":["AnalyticsContainer","styled","props","BASE_COLORS","CardDataContainer"],"mappings":"0NAIaA,EAAqBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrCC,GAAWA,EAAM,MAAQ,UAAUA,EAAM,KAAK,GAAK,cAAe;AAAA,eACtDA,GACdA,EAAM,MAAQ,QACXC,EAAAA,YAAY,UAAU,GAAK,EAC3BA,EAAAA,YAAY,MAAM,GAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBD,GACFA,EAAM,OAAS,EACZ,kBACAA,EAAM,OAAS,GAAKA,EAAM,OAAS,EACnC,kBACAA,EAAM,OAAS,EACf,kBACA,EAAE;AAAA;AAAA;AAAA;AAAA,IAIHA,GAAWA,EAAM,OAAS,EAAI,6BAA+B,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxDE,EAAoBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWxBC,GACdA,EAAM,OAAS,EACZ,MACAA,EAAM,OAAS,EACf,MACAA,EAAM,OAAS,EACf,MACAA,EAAM,OAAS,GAEfA,EAAM,OAAS,EADf,MAGAA,EAAM,OAAS,GAEfA,EAAM,OAAS,EADf,MAGA,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}