npm - @bikdotai/bik-component-library - Versions diffs - 0.0.805-beta.8 → 0.0.805-beta.9 - Mend

@bikdotai/bik-component-library 0.0.805-beta.8 → 0.0.805-beta.9

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

package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),n=require("../../TypographyStyle.js"),l=require("../Bubble/types.js"),a=require("./Day.js"),o=require("./messageHelpers.js"),d=require("./scrollHooks.js"),u=require("./types.js"),c=require("./utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=g(s);const p=(g,p)=>{var h;const f=g||{},{messages:y=[],user:b,renderBubble:j,renderAvatar:m,renderDay:x,renderLoading:O,renderChatEmpty:T,listViewProps:A={},renderAvatarOnTop:C=!1,showUserAvatar:S=!1,showAvatarForEveryMessage:M=!1,inverted:R=!1,messageIdGenerator:_,topThreshold:w=c.TOP_THRESHOLD,appType:L=l.GiftedChatAppType.Bik}=f,E=e.__rest(f,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),k=i.useWindowSize(),G=s.useRef(null),q=c.normalizeRef(A.ref||p,G),B=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(h=null==y?void 0:y.length)&&void 0!==h?h:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),H=s.useMemo((()=>y&&0!==y.length?[...y].reverse():[]),[y]),I=d.useScrollToBottom(q,B);s.useImperativeHandle(p,(()=>q.current)),d.useInitialMountScroll(q,B,H.length,I),d.useScrollCleanup(B),d.useRestoreScrollPosition(q,B,H.length),d.useAutoScrollOnNewMessages(q,B,y.length,I),d.useResizeObserverForFirstMessage(null==y?void 0:y[0],B,I,_);const P=d.useScrollHandler(B,A.onEndReached,A.onScroll,w),D=s.useCallback((e=>{var r;return Boolean(e&&b&&(null===(r=e.user)||void 0===r?void 0:r._id)===b._id)}),[b]),F=s.useCallback(((e,r)=>!!S&&(!!M||(!r||r.user._id!==e.user._id))),[S,M]),N=s.useCallback(((e,s,i)=>{var a,o,d,u;const c=D(e)?"right":"left",g=(null===(a=null==s?void 0:s.user)||void 0===a?void 0:a._id)!==(null===(o=null==e?void 0:e.user)||void 0===o?void 0:o._id),v=(null===(d=null==i?void 0:i.user)||void 0===d?void 0:d._id)!==(null===(u=null==e?void 0:e.user)||void 0===u?void 0:u._id),p=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:c,user:b},E);return j?j(p):r.jsx("div",Object.assign({style:Object.assign(Object.assign({maxWidth:L===l.GiftedChatAppType.Manifest?"50%":"70%",width:"fit-content"},L===l.GiftedChatAppType.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderTopLeftRadius:g?12:0,borderTopRightRadius:g?12:0,borderBottomLeftRadius:v?12:0,borderBottomRightRadius:v?12:0,border:"left"===c&&L===l.GiftedChatAppType.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===c?L===l.GiftedChatAppType.Manifest?t.COLORS.background.brandTint:t.COLORS.background.brandLight:L===l.GiftedChatAppType.Manifest?t.COLORS.background.pureWhite:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"})},{children:r.jsx(n.BodySecondary,{children:e.text})}))}),[D,b,j,E]),W=s.useCallback(((e,r,s)=>{if(!F(e,r))return null;const t=D(e)?"right":"left";return m?m({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:b,renderAvatarOnTop:C,showUserAvatar:S,showAvatarForEveryMessage:M}):null}),[F,D,b,C,S,M,m]);return y&&0!==y.length?r.jsxs("div",Object.assign({ref:q,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},A.style),onScroll:P},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:H.map(((e,s)=>{var t,i,n,d,g,p,h;const f=D(e)?"right":"left",y=H[s-1],b=H[s+1],j=!c.isSameDay(e,y),m=o.getMessagePlacement(e,f),O=o.shouldCenterAlign(e),T=(null==e?void 0:e.channelId)===u.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===u.MESSAGE_CHANNELS.SMTP,A=e.category===c.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===c.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(v.default.Fragment,{children:[j&&(x?x({createdAt:e.createdAt}):r.jsx(a.Day,{createdAt:e.createdAt,appType:L})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k?{margin:"0 4px"}:{}),O?{}:{display:"flex"}),L!==l.GiftedChatAppType.Manifest?k||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}:{}),T&&!A&&k?{marginLeft:8,marginRight:8}:{}),{justifyContent:m,marginBottom:b?(null===(i=null==b?void 0:b.user)||void 0===i?void 0:i._id)===(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?4:20:0})},{children:[!k&&"left"===f&&r.jsx("div",Object.assign({style:{marginRight:"4px"}},{children:W(e,y,b)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(d=e._id)&&void 0!==d?d:`${s}-${null!==(g=null==_?void 0:_())&&void 0!==g?g:"id"}`}`,style:L===l.GiftedChatAppType.Manifest?{width:"100%"}:k&&T?{display:"flex",flexGrow:1}:{}},{children:N(e,y,b)})),!k&&"right"===f&&r.jsx("div",Object.assign({style:{marginLeft:"4px"}},{children:W(e,y,b)}))]}))]},null!==(p=e._id)&&void 0!==p?p:`${s}-${null!==(h=null==_?void 0:_())&&void 0!==h?h:"id"}`)}))}))]})):T?r.jsx(r.Fragment,{children:T()}):null};var h=s.forwardRef(p);exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),a=require("../../TypographyStyle.js"),n=require("../Bubble/types.js"),l=require("./Day.js"),o=require("./messageHelpers.js"),d=require("./scrollHooks.js"),u=require("./types.js"),c=require("./utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(s);const h=(g,h)=>{var v;const f=g||{},{messages:y=[],user:b,renderBubble:j,renderAvatar:m,renderDay:x,renderLoading:O,renderChatEmpty:A,listViewProps:T={},renderAvatarOnTop:C=!1,showUserAvatar:M=!1,showAvatarForEveryMessage:S=!1,inverted:w=!1,messageIdGenerator:R,topThreshold:_=c.TOP_THRESHOLD,appType:E=n.GiftedChatAppType.Bik}=f,L=e.__rest(f,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),k=i.useWindowSize(),G=s.useRef(null),q=c.normalizeRef(T.ref||h,G),B=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(v=null==y?void 0:y.length)&&void 0!==v?v:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),H=s.useMemo((()=>y&&0!==y.length?[...y].reverse():[]),[y]),I=d.useScrollToBottom(q,B);s.useImperativeHandle(h,(()=>q.current)),d.useInitialMountScroll(q,B,H.length,I),d.useScrollCleanup(B),d.useRestoreScrollPosition(q,B,H.length),d.useAutoScrollOnNewMessages(q,B,y.length,I),d.useResizeObserverForFirstMessage(null==y?void 0:y[0],B,I,R);const P=d.useScrollHandler(B,T.onEndReached,T.onScroll,_),D=s.useCallback((e=>{var r;return Boolean(e&&b&&(null===(r=e.user)||void 0===r?void 0:r._id)===b._id)}),[b]),F=s.useCallback(((e,r)=>!!M&&(!!S||(!r||r.user._id!==e.user._id))),[M,S]),N=s.useCallback(((e,s,i)=>{const l=D(e)?"right":"left",o=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:l,user:b},L);return j?j(o):r.jsx("div",Object.assign({style:Object.assign(Object.assign({maxWidth:E===n.GiftedChatAppType.Manifest?"50%":"70%",width:"fit-content"},E===n.GiftedChatAppType.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:E===n.GiftedChatAppType.Manifest?16:4,border:"left"===l&&E===n.GiftedChatAppType.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===l?E===n.GiftedChatAppType.Manifest?t.COLORS.background.brandTint:t.COLORS.background.brandLight:E===n.GiftedChatAppType.Manifest?t.COLORS.background.pureWhite:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"})},{children:r.jsx(a.BodySecondary,{children:e.text})}))}),[D,b,j,L]),W=s.useCallback(((e,r,s)=>{if(!F(e,s))return null;const t=D(e)?"right":"left";return m?m({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:b,renderAvatarOnTop:C,showUserAvatar:M,showAvatarForEveryMessage:S}):null}),[F,D,b,C,M,S,m]);return y&&0!==y.length?r.jsxs("div",Object.assign({ref:q,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},T.style),onScroll:P},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:H.map(((e,s)=>{var t,i,a,d,g;const h=D(e)?"right":"left",v=H[s-1],f=H[s+1],y=!c.isSameDay(e,v),b=o.getMessagePlacement(e,h),j=o.shouldCenterAlign(e),m=(null==e?void 0:e.channelId)===u.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===u.MESSAGE_CHANNELS.SMTP,O=e.category===c.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===c.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(p.default.Fragment,{children:[y&&(x?x({createdAt:e.createdAt}):r.jsx(l.Day,{createdAt:e.createdAt,appType:E})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k?{margin:"0 4px"}:{}),j?{}:{display:"flex"}),E!==n.GiftedChatAppType.Manifest?k||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}:{}),m&&!O&&k?{marginLeft:8,marginRight:8}:{}),{justifyContent:b,marginBottom:8})},{children:[!k&&"left"===h&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:W(e,v,f)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(i=e._id)&&void 0!==i?i:`${s}-${null!==(a=null==R?void 0:R())&&void 0!==a?a:"id"}`}`,style:E===n.GiftedChatAppType.Manifest?{width:"100%"}:k&&m?{display:"flex",flexGrow:1}:{}},{children:N(e,v,f)})),!k&&"right"===h&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:W(e,v,f)}))]}))]},null!==(d=e._id)&&void 0!==d?d:`${s}-${null!==(g=null==R?void 0:R())&&void 0!==g?g:"id"}`)}))}))]})):A?r.jsx(r.Fragment,{children:A()}):null};var v=s.forwardRef(h);exports.default=v;
 //# sourceMappingURL=GiftedChat.js.map

package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only on the first message in a consecutive sender stack\n\t\t\treturn !previousMessage \|\| previousMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\tconst isTopOfStack = previousMessage?.user?._id !== message?.user?._id;\n\t\t\tconst isBottomOfStack = nextMessage?.user?._id !== message?.user?._id;\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderTopLeftRadius: isTopOfStack ? 12 : 0,\n\t\t\t\t\t\tborderTopRightRadius: isTopOfStack ? 12 : 0,\n\t\t\t\t\t\tborderBottomLeftRadius: isBottomOfStack ? 12 : 0,\n\t\t\t\t\t\tborderBottomRightRadius: isBottomOfStack ? 12 : 0,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, previousMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: nextMessage\n\t\t\t\t\t\t\t\t\t\t? nextMessage?.user?._id === message?.user?._id\n\t\t\t\t\t\t\t\t\t\t\t? 4\n\t\t\t\t\t\t\t\t\t\t\t: 20\n\t\t\t\t\t\t\t\t\t\t: 0,\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{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ marginRight: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\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\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ marginLeft: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","previousMessage","renderMessageBubble","nextMessage","position","isTopOfStack","isBottomOfStack","_c","_d","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","jsx","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","jsxs","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_e","flexGrow","_f","_g","_Fragment","GiftedChat","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, nextMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only when next message is from different user\n\t\t\treturn !nextMessage \|\| nextMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderRadius: appType === GiftedChatAppType.Manifest ? 16 : 4,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, nextMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: 8,\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{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\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\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","nextMessage","renderMessageBubble","previousMessage","position","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","jsx","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","jsxs","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_c","flexGrow","_d","_e","_Fragment","GiftedChat","forwardRef"],"mappings":"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"}

package/dist/cjs/components/BikGiftedChat/GiftedChat/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/types.ts"],"sourcesContent":["import React from 'react';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage, LeftRightStyle, User } from '../types';\n\nexport interface ListViewProps {\n\t/** Custom styles for the container. /\n\tstyle?: React.CSSProperties;\n\t/* Callback when end of list is reached. /\n\tonEndReached?: () => void;\n\t/* Threshold for triggering end reached. /\n\tonEndReachedThreshold?: number;\n\t/* Scroll event handler. /\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n\t/* Ref for the scrollable container. /\n\tref?:\n\t\t\| React.RefObject<HTMLDivElement>\n\t\t\| React.MutableRefObject<HTMLDivElement \| null>;\n}\n\nexport interface AvatarProps<TMessage extends IMessage = IMessage> {\n\t/* The current message for the avatar. /\n\tcurrentMessage: TMessage;\n\t/* The previous message. /\n\tpreviousMessage?: TMessage;\n\t/* The next message. /\n\tnextMessage?: TMessage;\n\t/* Position of the avatar ('left' or 'right'). /\n\tposition: 'left' \| 'right';\n\t/* The user object. /\n\tuser: User;\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message~~; when false, show only on the first message of each consecutive sender group~~. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Custom styles for avatar image. /\n\timageStyle?: LeftRightStyle<React.CSSProperties>;\n\t/* Custom styles for avatar container. /\n\tcontainerStyle?: LeftRightStyle<React.CSSProperties>;\n\t[key: string]: any;\n}\n\nexport interface DayProps {\n\t/* Date/time for the separator. /\n\tcreatedAt?: Date \| number \| string;\n\t/* Format for displaying the date. /\n\tdateFormat?: string;\n\t/* Calendar format options. /\n\tdateFormatCalendar?: {\n\t\t/* Format for same day. /\n\t\tsameDay?: string;\n\t\t/* Format for next day. /\n\t\tnextDay?: string;\n\t\t/* Format for next week. /\n\t\tnextWeek?: string;\n\t\t/* Format for last day. /\n\t\tlastDay?: string;\n\t\t/* Format for last week. /\n\t\tlastWeek?: string;\n\t\t/* Format for other days. /\n\t\tsameElse?: string;\n\t};\n}\n\nexport interface GiftedChatProps<TMessage extends IMessage = IMessage> {\n\t/* Array of chat messages. /\n\tmessages: TMessage[];\n\t/* The current user object. /\n\tuser: User;\n\n\t/* Custom bubble renderer. /\n\trenderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;\n\t/* Custom avatar renderer. /\n\trenderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;\n\t/* Custom day separator renderer. /\n\trenderDay?: (props: DayProps) => React.ReactNode;\n\t/* Custom loading renderer. /\n\trenderLoading?: () => React.ReactNode;\n\t/* Custom empty chat renderer. /\n\trenderChatEmpty?: () => React.ReactNode;\n\n\t/* Props for the scrollable list view. /\n\tlistViewProps?: ListViewProps;\n\n\t/* Scroll threshold for loading old messages. /\n\ttopThreshold?: number;\n\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message~~; when false, show only on the first message of each consecutive sender group~~. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Whether to invert the message list. /\n\tinverted?: boolean;\n\n\t/* Handler for long press on message. /\n\tonLongPress?: (context?: any, message?: TMessage) => void;\n\t/* Handler for press on message. /\n\tonPress?: (context?: any, message?: TMessage) => void;\n\n\t/* Function to generate message IDs. /\n\tmessageIdGenerator?: (message?: TMessage) => string;\n\tappType?: GiftedChatAppType;\n\n\t[key: string]: any;\n}\n\nexport interface ScrollState {\n\t/* Is initial mount of the component. /\n\tisInitialMount: boolean;\n\t/* Is user currently scrolling. /\n\tisUserScrolling: boolean;\n\t/* Is loading old messages. /\n\tisLoadingOldMessages: boolean;\n\n\t/* Is scroll at bottom. /\n\tisAtBottom: boolean;\n\t/* Has end reached been triggered. /\n\thasTriggeredEndReached: boolean;\n\n\t/* Last known messages length. /\n\tlastMessagesLength: number;\n\n\t/* Previous scroll height. /\n\tpreviousScrollHeight: number;\n\t/* Previous scroll top position. /\n\tpreviousScrollTop: number;\n\n\t/* Debounce timer for scroll events. /\n\tscrollTimeout: number \| null;\n}\n\nexport enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {\n\t/* User is calling another user. /\n\tCALLING_CALL = 'CALLING_CALL',\n\t/* Call is ringing for the recipient. /\n\tRINGING_CALL = 'RINGING_CALL',\n\t/* Call is ongoing between users. /\n\tONGOING_CALL = 'ONGOING_CALL',\n\t/* Call has been completed. /\n\tCOMPLETED_CALL = 'COMPLETED_CALL',\n\t/* Call was missed by the recipient. /\n\tMISSED_CALL = 'MISSED_CALL',\n\t/* Callback was requested. /\n\tREQUESTED_CALLBACK = 'REQUESTED_CALLBACK',\n\t/* Call was declined by the recipient. /\n\tDECLINED_CALL = 'DECLINED_CALL',\n\t/* Call was disconnected. /\n\tDISCONNECTED_CALL = 'DISCONNECTED_CALL',\n\t/* Call was unanswered. */\n\tUNANSWERED_CALL = 'UNANSWERED_CALL',\n}\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tWHATSAPP_VOICE_CALL = 'whatsapp-voice-call',\n\tCREATE_SIGNATURE = 'create-signature',\n\tEDIT_SIGNATURE = 'edit-signature',\n\tWEBPUSH = 'webpush',\n\tTASKS = 'tasks',\n\tRCS = 'rcs',\n}\n"],"names":["CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE","MESSAGE_CHANNELS"],"mappings":"aAsIA,IAAYA,EAqBMC,yDArBND,QAmBXA,yCAAA,GAnBWA,EAAAA,8CAAAA,QAAAA,oCAmBX,CAAA,IAjBA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,eAAA,iBAEAA,EAAA,YAAA,cAEAA,EAAA,mBAAA,qBAEAA,EAAA,cAAA,gBAEAA,EAAA,kBAAA,oBAEAA,EAAA,gBAAA,kBAGiBC,QAkBjBA,sBAAA,GAlBiBA,EAAAA,QAAgBA,mBAAhBA,yBAkBjB,CAAA,IAjBA,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,qBAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,oBAAA,sBACAA,EAAA,iBAAA,mBACAA,EAAA,eAAA,iBACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,IAAA"}
1	+ {"version":3,"file":"types.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/types.ts"],"sourcesContent":["import React from 'react';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage, LeftRightStyle, User } from '../types';\n\nexport interface ListViewProps {\n\t/** Custom styles for the container. /\n\tstyle?: React.CSSProperties;\n\t/* Callback when end of list is reached. /\n\tonEndReached?: () => void;\n\t/* Threshold for triggering end reached. /\n\tonEndReachedThreshold?: number;\n\t/* Scroll event handler. /\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n\t/* Ref for the scrollable container. /\n\tref?:\n\t\t\| React.RefObject<HTMLDivElement>\n\t\t\| React.MutableRefObject<HTMLDivElement \| null>;\n}\n\nexport interface AvatarProps<TMessage extends IMessage = IMessage> {\n\t/* The current message for the avatar. /\n\tcurrentMessage: TMessage;\n\t/* The previous message. /\n\tpreviousMessage?: TMessage;\n\t/* The next message. /\n\tnextMessage?: TMessage;\n\t/* Position of the avatar ('left' or 'right'). /\n\tposition: 'left' \| 'right';\n\t/* The user object. /\n\tuser: User;\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Custom styles for avatar image. /\n\timageStyle?: LeftRightStyle<React.CSSProperties>;\n\t/* Custom styles for avatar container. /\n\tcontainerStyle?: LeftRightStyle<React.CSSProperties>;\n\t[key: string]: any;\n}\n\nexport interface DayProps {\n\t/* Date/time for the separator. /\n\tcreatedAt?: Date \| number \| string;\n\t/* Format for displaying the date. /\n\tdateFormat?: string;\n\t/* Calendar format options. /\n\tdateFormatCalendar?: {\n\t\t/* Format for same day. /\n\t\tsameDay?: string;\n\t\t/* Format for next day. /\n\t\tnextDay?: string;\n\t\t/* Format for next week. /\n\t\tnextWeek?: string;\n\t\t/* Format for last day. /\n\t\tlastDay?: string;\n\t\t/* Format for last week. /\n\t\tlastWeek?: string;\n\t\t/* Format for other days. /\n\t\tsameElse?: string;\n\t};\n}\n\nexport interface GiftedChatProps<TMessage extends IMessage = IMessage> {\n\t/* Array of chat messages. /\n\tmessages: TMessage[];\n\t/* The current user object. /\n\tuser: User;\n\n\t/* Custom bubble renderer. /\n\trenderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;\n\t/* Custom avatar renderer. /\n\trenderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;\n\t/* Custom day separator renderer. /\n\trenderDay?: (props: DayProps) => React.ReactNode;\n\t/* Custom loading renderer. /\n\trenderLoading?: () => React.ReactNode;\n\t/* Custom empty chat renderer. /\n\trenderChatEmpty?: () => React.ReactNode;\n\n\t/* Props for the scrollable list view. /\n\tlistViewProps?: ListViewProps;\n\n\t/* Scroll threshold for loading old messages. /\n\ttopThreshold?: number;\n\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Whether to invert the message list. /\n\tinverted?: boolean;\n\n\t/* Handler for long press on message. /\n\tonLongPress?: (context?: any, message?: TMessage) => void;\n\t/* Handler for press on message. /\n\tonPress?: (context?: any, message?: TMessage) => void;\n\n\t/* Function to generate message IDs. /\n\tmessageIdGenerator?: (message?: TMessage) => string;\n\tappType?: GiftedChatAppType;\n\n\t[key: string]: any;\n}\n\nexport interface ScrollState {\n\t/* Is initial mount of the component. /\n\tisInitialMount: boolean;\n\t/* Is user currently scrolling. /\n\tisUserScrolling: boolean;\n\t/* Is loading old messages. /\n\tisLoadingOldMessages: boolean;\n\n\t/* Is scroll at bottom. /\n\tisAtBottom: boolean;\n\t/* Has end reached been triggered. /\n\thasTriggeredEndReached: boolean;\n\n\t/* Last known messages length. /\n\tlastMessagesLength: number;\n\n\t/* Previous scroll height. /\n\tpreviousScrollHeight: number;\n\t/* Previous scroll top position. /\n\tpreviousScrollTop: number;\n\n\t/* Debounce timer for scroll events. /\n\tscrollTimeout: number \| null;\n}\n\nexport enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {\n\t/* User is calling another user. /\n\tCALLING_CALL = 'CALLING_CALL',\n\t/* Call is ringing for the recipient. /\n\tRINGING_CALL = 'RINGING_CALL',\n\t/* Call is ongoing between users. /\n\tONGOING_CALL = 'ONGOING_CALL',\n\t/* Call has been completed. /\n\tCOMPLETED_CALL = 'COMPLETED_CALL',\n\t/* Call was missed by the recipient. /\n\tMISSED_CALL = 'MISSED_CALL',\n\t/* Callback was requested. /\n\tREQUESTED_CALLBACK = 'REQUESTED_CALLBACK',\n\t/* Call was declined by the recipient. /\n\tDECLINED_CALL = 'DECLINED_CALL',\n\t/* Call was disconnected. /\n\tDISCONNECTED_CALL = 'DISCONNECTED_CALL',\n\t/* Call was unanswered. */\n\tUNANSWERED_CALL = 'UNANSWERED_CALL',\n}\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tWHATSAPP_VOICE_CALL = 'whatsapp-voice-call',\n\tCREATE_SIGNATURE = 'create-signature',\n\tEDIT_SIGNATURE = 'edit-signature',\n\tWEBPUSH = 'webpush',\n\tTASKS = 'tasks',\n\tRCS = 'rcs',\n}\n"],"names":["CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE","MESSAGE_CHANNELS"],"mappings":"aAsIA,IAAYA,EAqBMC,yDArBND,QAmBXA,yCAAA,GAnBWA,EAAAA,8CAAAA,QAAAA,oCAmBX,CAAA,IAjBA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,eAAA,iBAEAA,EAAA,YAAA,cAEAA,EAAA,mBAAA,qBAEAA,EAAA,cAAA,gBAEAA,EAAA,kBAAA,oBAEAA,EAAA,gBAAA,kBAGiBC,QAkBjBA,sBAAA,GAlBiBA,EAAAA,QAAgBA,mBAAhBA,yBAkBjB,CAAA,IAjBA,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,qBAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,oBAAA,sBACAA,EAAA,iBAAA,mBACAA,EAAA,eAAA,iBACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,IAAA"}

package/dist/cjs/components/avatar/Avatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("../../assets/icons/bik_livechat.svg.js"),a=require("../../assets/icons/email-channel.svg.js"),o=require("../../assets/icons/facebook_channel.svg.js"),A=require("../../assets/icons/gmail.svg.js"),n=require("../../assets/icons/instagram-channel.svg.js"),S=require("../../assets/icons/task.svg.js"),c=require("../../assets/icons/whatsapp_color.svg.js"),l=require("./Avatar.styled.js"),E=require("./AvatarHelper.js");const d={[E.SIZE.EXTRA_SMALL]:10,[E.SIZE.SMALL]:16,[E.SIZE.MEDIUM]:20,[E.SIZE.LARGE]:32},h={[E.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.WHITE]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard,[E.AVATAR_BACKGROUND.BRAND]:i.COLORS.background.inverseLight};var u;exports.MESSAGE_CHANNELS=void 0,(u=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",u.MESSENGER="messenger",u.WHATSAPP="whatsapp",u.GMAIL="gmail",u.LIVECHAT="livechat",u.GOOGLE_BUSINESS_CHAT="gbm",u.SHOPIFY="shopify",u.FACEBOOK="facebook",u.EMAIL="email",u.SMTP="smtp",u.FACEBOOK_CATALOG="facebook-catalog",u.TASKS="tasks",u.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=u=>{const[p,g]=s.useState(!1),O=()=>{const s=(u.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join(""),i=h[u.background];return u.size===E.SIZE.LARGE?e.jsx(t.TitleMedium,Object.assign({style:{color:i}},{children:s})):u.size===E.SIZE.MEDIUM?e.jsx(t.TitleSmall,Object.assign({style:{color:i}},{children:s})):e.jsx(t.BodyTiny,Object.assign({style:{color:i}},{children:s}))};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(l.AvatarStyle,Object.assign({type:u.type===E.AVATAR_TYPES.IMAGE&&(p||!u.photoUrl)&&u.useNameFallback&&u.name?E.AVATAR_TYPES.INITIALS:u.type,size:u.size,background:u.background},{children:[u.type===E.AVATAR_TYPES.IMAGE&&(u.useNameFallback&&(!u.photoUrl||p)&&u.name?e.jsx("div",{children:O()}):u.useNameFallback&&u.photoUrl&&!p?e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[u.size],height:E.AVATAR_SIZE_MAP[u.size],style:{borderRadius:(null==u?void 0:u.borderRadius)||"50%",objectFit:"contain"},src:u.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[u.size],height:E.AVATAR_SIZE_MAP[u.size],style:{borderRadius:(null==u?void 0:u.borderRadius)||"50%",objectFit:"contain"},src:u.photoUrl})),u.type===E.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),u.type===E.AVATAR_TYPES.ICON&&u.icon&&e.jsx(u.icon,{width:d[u.size],height:d[u.size],color:h[u.background]})]})),u.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[u.size]+"px",top:d[u.size]+"px",width:14,height:14,borderRadius:(null==u?void 0:u.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:u.inboxSettings.isSelected?u.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.background.brandLight:u.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(u.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(a.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(r.default,{width:11,height:11})}})()})),u.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[u.size]+"px",top:d[u.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:i.COLORS.surface.standard,alignItems:"center"}},{children:u.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===u.status?i.COLORS.special.whatsapp.brand:i.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&(p||!h.photoUrl)&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&(!h.photoUrl||p)&&h.name?e.jsx("div",{children:O()}):h.useNameFallback&&h.photoUrl&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\nimport { AvatarStyle } from './Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from './AvatarHelper';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.EXTRA_SMALL]: 10,\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n\t[AVATAR_BACKGROUND.BRAND]: COLORS.background.inverseLight,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tconst color = BACKGROUND_VS_TEXT_COLOR_MAP[props.background];\n\n\t\tif (props.size === SIZE.LARGE) {\n\t\t\treturn <TitleMedium style={{ color }}>{initials}</TitleMedium>;\n\t\t}\n\t\tif (props.size === SIZE.MEDIUM) {\n\t\t\treturn <TitleSmall style={{ color }}>{initials}</TitleSmall>;\n\t\t}\n\t\treturn <BodyTiny style={{ color }}>{initials}</BodyTiny>;\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","EXTRA_SMALL","SMALL","MEDIUM","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","BRAND","background","inverseLight","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","color","size","_jsx","TitleMedium","Object","assign","style","children","TitleSmall","BodyTiny","_jsxs","position","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM \|\| props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.styled.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),A=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=A(e).default.div`
 	width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?A.COLORS.background.base:e.background===r.AVATAR_BACKGROUND.WHITE?A.COLORS.surface.standard:e.background===r.AVATAR_BACKGROUND.BRAND?A.COLORS.background.brandLight:A.COLORS.background.inverse};
-	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT||e.background===r.AVATAR_BACKGROUND.WHITE?"1px solid "+A.COLORS.stroke.primary:0};
+	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:e.background===r.AVATAR_BACKGROUND.WHITE?t.COLORS.surface.standard:t.COLORS.background.inverse};
+	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT||e.background===r.AVATAR_BACKGROUND.WHITE?"1px solid "+t.COLORS.stroke.primary:0};
 	border-radius: 50%;
 `;exports.AvatarStyle=a;
 //# sourceMappingURL=Avatar.styled.js.map

package/dist/cjs/components/avatar/Avatar.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: ~~props.background === AVATAR_BACKGROUND.BRAND\n\t\t\t?~~ COLORS.background.~~brandLight\n\t\t\t: COLORS.background.~~inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT \|\|\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n"],"names":["AvatarStyle","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","~~BRAND","brandLight","~~inverse","stroke","primary"],"mappings":"oPASaA,MAAAA,OAAoB,QAACC,GAIhC;UACSC,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;WACvCF,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,~~EAAAA~~,~~aAAaC,~~MACzB,OACAL,EAAMM,aAAeC,~~EAAAA~~,~~kBAAkBC~~,MACvCC,~~EAAAA~~,~~OAAOH~~,WAAWI,KAClBV,EAAMM,aAAeC,EAAAA,kBAAkBI,MACvCF,~~EAAAA~~,~~OAAOG,~~QAAQC,~~SACfb~~,~~EAAMM~~,~~aAAeC,EAAAA,kBAAkBO,MACvCL,EAAAA,OAAOH,WAAWS,WAClBN,EAAAA,OAAOH,WAAWU~~;~~WACXhB~~,GACVA,EAAMM,aAAeC,EAAAA,kBAAkBC,OACvCR,EAAMM,aAAeC,EAAAA,kBAAkBI,MACpC,aAAeF,EAAAA,~~OAAOQ~~,OAAOC,QAC7B;;"}
1	+ {"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.background.inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT \|\|\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n"],"names":["AvatarStyle","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","inverse","stroke","primary"],"mappings":"oPASaA,MAAAA,OAAoB,QAACC,GAIhC;UACSC,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;WACvCF,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,eAAaC,MACzB,OACAL,EAAMM,aAAeC,EAAiBA,kBAACC,MACvCC,EAAMA,OAACH,WAAWI,KAClBV,EAAMM,aAAeC,EAAAA,kBAAkBI,MACvCF,SAAOG,QAAQC,SACfJ,SAAOH,WAAWQ;WACXd,GACVA,EAAMM,aAAeC,EAAAA,kBAAkBC,OACvCR,EAAMM,aAAeC,EAAAA,kBAAkBI,MACpC,aAAeF,EAAAA,OAAOM,OAAOC,QAC7B;;"}

package/dist/cjs/components/avatar/AvatarHelper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var A,I,E;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(I=exports.SIZE||(exports.SIZE={})).EXTRA_SMALL="EXTRA_SMALL",I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",exports.AVATAR_BACKGROUND=void 0,(E=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",E.DARK="DARK",E.WHITE="WHITE",E.BRAND="BRAND";const e={[exports.SIZE.EXTRA_SMALL]:16,[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64};exports.AVATAR_SIZE_MAP=e;
+"use strict";var A,I,e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(I=exports.SIZE||(exports.SIZE={})).SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",I.INBOX="INBOX",exports.AVATAR_BACKGROUND=void 0,(e=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",e.DARK="DARK",e.WHITE="WHITE";const o={[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64,[exports.SIZE.INBOX]:30};exports.AVATAR_SIZE_MAP=o;
 //# sourceMappingURL=AvatarHelper.js.map

package/dist/cjs/components/avatar/AvatarHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarHelper.js","sources":["../../../../src/components/avatar/AvatarHelper.ts"],"sourcesContent":["export enum AVATAR_TYPES {\n\tIMAGE = 'IMAGE',\n\tINITIALS = 'INITIALS',\n\tICON = 'ICON',\n}\n\nexport enum SIZE {\n\~~tEXTRA_SMALL~~ = '~~EXTRA_SMALL~~',\n\~~tSMALL~~ = '~~SMALL~~',\n\~~tMEDIUM~~ = '~~MEDIUM~~',\n\~~tLARGE~~ = '~~LARGE~~',\n}\n\nexport enum AVATAR_BACKGROUND {\n\tLIGHT = 'LIGHT',\n\tDARK = 'DARK',\n\tWHITE = 'WHITE',\n~~\tBRAND = 'BRAND',\n~~}\n\nexport const AVATAR_SIZE_MAP = {\n\t[SIZE.~~EXTRA_SMALL~~]: 16,\n\t[SIZE.~~SMALL~~]: 24,\n\t[SIZE.~~MEDIUM~~]: 40,\n\t[SIZE.~~LARGE~~]: 64,\n};\n"],"names":["AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","AVATAR_SIZE_MAP","~~EXTRA_SMALL","~~SMALL","MEDIUM","LARGE"],"mappings":"aAAA,IAAYA,EAMAC,EAOAC,yDAbAF,QAIXA,kBAAA,GAJWA,EAAAA,uBAAAA,QAAAA,aAIX,CAAA,IAHA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OAGWC,QAKXA,UAAA,GALWA,EAAAA,eAAAA,QAAAA,KAKX,CAAA,IAJA,~~YAAA,cACAA,EAAA,~~MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QAGWC,~~QAKXA~~,uBAAA,~~GALWA~~,EAAAA,4BAAAA,QAAAA,~~kBAKX~~,CAAA,~~IAJA~~,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,~~QACAA,EAAA,MAAA,~~QAGM,MAAMC,EAAkB,CAC9B,CAACF,QAAAA,KAAKG,~~aAAc~~,~~GACpB~~,CAACH,QAAAA,KAAKI,~~OAAQ~~,~~GACd~~,CAACJ,QAAAA,KAAKK,~~QAAS~~,~~GACf~~,CAACL,QAAAA,KAAKM,OAAQ"}
1	+ {"version":3,"file":"AvatarHelper.js","sources":["../../../../src/components/avatar/AvatarHelper.ts"],"sourcesContent":["export enum AVATAR_TYPES {\n\tIMAGE = 'IMAGE',\n\tINITIALS = 'INITIALS',\n\tICON = 'ICON',\n}\n\nexport enum SIZE {\n\tSMALL = 'SMALL',\n\tMEDIUM = 'MEDIUM',\n\tLARGE = 'LARGE',\n\tINBOX = 'INBOX',\n}\n\nexport enum AVATAR_BACKGROUND {\n\tLIGHT = 'LIGHT',\n\tDARK = 'DARK',\n\tWHITE = 'WHITE',\n}\n\nexport const AVATAR_SIZE_MAP = {\n\t[SIZE.SMALL]: 24,\n\t[SIZE.MEDIUM]: 40,\n\t[SIZE.LARGE]: 64,\n\t[SIZE.INBOX]: 30,\n};\n"],"names":["AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","AVATAR_SIZE_MAP","SMALL","MEDIUM","LARGE","INBOX"],"mappings":"aAAA,IAAYA,EAMAC,EAOAC,yDAbAF,QAIXA,kBAAA,GAJWA,EAAAA,uBAAAA,QAAAA,aAIX,CAAA,IAHA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OAGWC,QAKXA,UAAA,GALWA,EAAAA,eAAAA,QAAAA,KAKX,CAAA,IAJA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QAGWC,QAIXA,uBAAA,GAJWA,EAAAA,4BAAAA,QAAAA,kBAIX,CAAA,IAHA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QAGM,MAAMC,EAAkB,CAC9B,CAACF,QAAAA,KAAKG,OAAQ,GACd,CAACH,QAAAA,KAAKI,QAAS,GACf,CAACJ,QAAAA,KAAKK,OAAQ,GACd,CAACL,QAAAA,KAAKM,OAAQ"}

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

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

package/dist/cjs/components/button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(n);const c=n.forwardRef(((r,c)=>{var{version:l,id:d,buttonType:u="primary",size:b="small",buttonText:m,disabled:j,IconComponent:x,LeadingIcon:g,TrailingIcon:h,isLoading:p,inverse:v,onClick:C,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:O,buttonTextColor:T,buttonFontSize:z,customIconColor:k,buttonColor:B,LeadingIconStyles:S}=r,L=e.__rest(r,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const q=i.GetButtonTextComponent(b,u,j),_=i.getButtonIconColor(b,u,v,j,p,f),M=n.useCallback((()=>{const e="chip"===b||"xs"===b?16:20;return{height:e,width:e,color:k||_,style:{display:"block"},className:"icon"}}),[b,k,_]);return t.jsx(o.Button,Object.assign({"data-test":L["data-test"],version:l,onClick:p?()=>{}:C,ref:c,id:d,disabled:j,size:b,buttonType:u,isLoading:p,inverse:v,matchParentWidth:y,darkMode:f,activated:N,error:O,buttonColor:B},L,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[u.startsWith("dash")&&t.jsx(o.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:p&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(u,v)})})),x&&t.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(x,M())})),g&&t.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},S)},{children:a.default.createElement(g,M())})),m?t.jsxs(q,Object.assign({className:"text",style:{color:T,fontSize:z}},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:I}))]})):t.jsx(t.Fragment,{}),h&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(h,M())}))]}))}))}));c.displayName="Button",exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(n);const c=n.forwardRef(((r,c)=>{var{version:l,id:d,buttonType:u="primary",size:b="small",buttonText:m,disabled:j,IconComponent:g,LeadingIcon:x,TrailingIcon:h,isLoading:p,inverse:v,onClick:C,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:O,buttonTextColor:T,buttonFontSize:z,customIconColor:k,buttonColor:B,LeadingIconStyles:S}=r,L=e.__rest(r,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const q=i.GetButtonTextComponent(b,u,j),_=i.getButtonIconColor(b,u,v,j,p,f),M=n.useCallback((()=>{const e="chip"===b?16:20;return{height:e,width:e,color:k||_,style:{display:"block"},className:"icon"}}),[b,k,_]);return t.jsx(o.Button,Object.assign({"data-test":L["data-test"],version:l,onClick:p?()=>{}:C,ref:c,id:d,disabled:j,size:b,buttonType:u,isLoading:p,inverse:v,matchParentWidth:y,darkMode:f,activated:N,error:O,buttonColor:B},L,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[u.startsWith("dash")&&t.jsx(o.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:p&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(u,v)})})),g&&t.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(g,M())})),x&&t.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},S)},{children:a.default.createElement(x,M())})),m?t.jsxs(q,Object.assign({className:"text",style:{color:T,fontSize:z}},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:I}))]})):t.jsx(t.Fragment,{}),h&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(h,M())}))]}))}))}));c.displayName="Button",exports.Button=c;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ~~\|\| size === 'xs'~~ ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","__rest","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","height","width","color","style","display","className","_jsx","Sc","children","_jsxs","jsxs","Object","assign","startsWith","jsx","Spinner","SpinnerColorMap","React","createElement","zIndex","fontSize","_Fragment","displayName"],"mappings":"+UAWO,MAAMA,EAASC,EAAUA,YAC/B,CACCC,EAyBAC,SAzBAC,QACCA,EAAOC,GACPA,EAAEC,WACFA,EAAa,UAASC,KACtBA,EAAO,QAAOC,WACdA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,aACXA,EAAYC,UACZA,EAASC,QACTA,EAAOC,QACPA,EAAOC,iBACPA,EAAgBC,SAChBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAKC,gBACLA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,kBACXA,KACGC,EAvBJC,EAAAA,OAAAzB,EAAA,CAAA,UAAA,KAAA,aAAA,OAAA,aAAA,WAAA,gBAAA,cAAA,eAAA,YAAA,UAAA,UAAA,mBAAA,WAAA,WAAA,YAAA,QAAA,kBAAA,iBAAA,kBAAA,cAAA,sBA2BA,MAAM0B,EAAoBC,EAAsBA,uBAC/CtB,EACAD,EACAG,GAGKqB,EAAYC,EAAkBA,mBACnCxB,EACAD,EACAQ,EACAL,EACAI,EACAK,GAGKc,EAAeC,EAAAA,aAAY,KAChC,MAAMC,EAAoB,SAAT3B,~~GAA4B~~,~~OAATA,EAAgB,~~GAAK,~~GACzD~~,MAAO,CACN4B,OAAQD,EACRE,MAAOF,EACPG,MAAOd,GAAoCO,EAC3CQ,MAAO,CAAEC,QAAS,SAClBC,UAAW,OACX,GACC,CAACjC,EAAMgB,EAAiBO,IAE3B,OACCW,MAACC,EAAAA,kCACWhB,EAAK,aAChBtB,QAASA,EACTW,QACCF,EACG,OAGAE,EAEJZ,IAAKA,EACLE,GAAIA,EACJI,SAAUA,EACVF,KAAMA,EACND,WAAYA,EACZO,UAAWA,EACXC,QAASA,EACTE,iBAAkBA,EAClBE,SAAUA,EACVC,UAAWA,EACXC,MAAOA,EACPI,YAAaA,GACTE,EAEJ,CAAAiB,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKP,UAAU,+BACblC,EAAW0C,WAAW,SAAWP,EAACQ,IAAAP,2BAA2B,CAAA,GAC9DD,EAAAQ,IAAA,MAAAH,OAAAC,OAAA,CAAKP,UAAU,+BACb3B,GACA4B,EAACQ,IAAAC,UACA,CAAAV,UAAU,UACVjC,KAAK,QACL8B,MAAOc,EAAAA,gBAAgB7C,EAAYQ,QAIrCJ,GACA+B,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAP,UAAU,4BACbY,EAAAA,QAAMC,cAAc3C,EAAesB,QAGrCrB,GACA8B,EAAAA,yBACCD,UAAU,eACVF,MAASQ,OAAAC,OAAA,CAAAO,OAAQ,GAAM7B,IAAiB,CAAAkB,SAEvCS,EAAAA,QAAMC,cAAc1C,EAAaqB,QAGnCxB,EACAoC,EAAAA,KAAChB,EACAkB,OAAAC,OAAA,CAAAP,UAAU,OACVF,MAAO,CACND,MAAOhB,EACPkC,SAAUjC,IAGV,CAAAqB,SAAA,CAAAnC,EACDiC,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAP,UAAU,iBAAe,CAAAG,SAAE1B,SAGjCwB,MAAKe,EAAAA,SAAA,CAAA,GAEL5C,GACA6B,MAAA,MAAAK,OAAAC,OAAA,CAAKP,UAAU,gBAAgBF,MAAO,CAAEgB,OAAQ,IAC9C,CAAAX,SAAAS,EAAAA,QAAMC,cAAczC,EAAcoB,cAI3B,IAKfhC,EAAOyD,YAAc"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","__rest","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","height","width","color","style","display","className","_jsx","Sc","children","_jsxs","jsxs","Object","assign","startsWith","jsx","Spinner","SpinnerColorMap","React","createElement","zIndex","fontSize","_Fragment","displayName"],"mappings":"+UAWO,MAAMA,EAASC,EAAUA,YAC/B,CACCC,EAyBAC,SAzBAC,QACCA,EAAOC,GACPA,EAAEC,WACFA,EAAa,UAASC,KACtBA,EAAO,QAAOC,WACdA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,aACXA,EAAYC,UACZA,EAASC,QACTA,EAAOC,QACPA,EAAOC,iBACPA,EAAgBC,SAChBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAKC,gBACLA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,kBACXA,KACGC,EAvBJC,EAAAA,OAAAzB,EAAA,CAAA,UAAA,KAAA,aAAA,OAAA,aAAA,WAAA,gBAAA,cAAA,eAAA,YAAA,UAAA,UAAA,mBAAA,WAAA,WAAA,YAAA,QAAA,kBAAA,iBAAA,kBAAA,cAAA,sBA2BA,MAAM0B,EAAoBC,EAAsBA,uBAC/CtB,EACAD,EACAG,GAGKqB,EAAYC,EAAkBA,mBACnCxB,EACAD,EACAQ,EACAL,EACAI,EACAK,GAGKc,EAAeC,EAAAA,aAAY,KAChC,MAAMC,EAAoB,SAAT3B,EAAkB,GAAK,GACxC,MAAO,CACN4B,OAAQD,EACRE,MAAOF,EACPG,MAAOd,GAAoCO,EAC3CQ,MAAO,CAAEC,QAAS,SAClBC,UAAW,OACX,GACC,CAACjC,EAAMgB,EAAiBO,IAE3B,OACCW,MAACC,EAAAA,kCACWhB,EAAK,aAChBtB,QAASA,EACTW,QACCF,EACG,OAGAE,EAEJZ,IAAKA,EACLE,GAAIA,EACJI,SAAUA,EACVF,KAAMA,EACND,WAAYA,EACZO,UAAWA,EACXC,QAASA,EACTE,iBAAkBA,EAClBE,SAAUA,EACVC,UAAWA,EACXC,MAAOA,EACPI,YAAaA,GACTE,EAEJ,CAAAiB,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKP,UAAU,+BACblC,EAAW0C,WAAW,SAAWP,EAACQ,IAAAP,2BAA2B,CAAA,GAC9DD,EAAAQ,IAAA,MAAAH,OAAAC,OAAA,CAAKP,UAAU,+BACb3B,GACA4B,EAACQ,IAAAC,UACA,CAAAV,UAAU,UACVjC,KAAK,QACL8B,MAAOc,EAAAA,gBAAgB7C,EAAYQ,QAIrCJ,GACA+B,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAP,UAAU,4BACbY,EAAAA,QAAMC,cAAc3C,EAAesB,QAGrCrB,GACA8B,EAAAA,yBACCD,UAAU,eACVF,MAASQ,OAAAC,OAAA,CAAAO,OAAQ,GAAM7B,IAAiB,CAAAkB,SAEvCS,EAAAA,QAAMC,cAAc1C,EAAaqB,QAGnCxB,EACAoC,EAAAA,KAAChB,EACAkB,OAAAC,OAAA,CAAAP,UAAU,OACVF,MAAO,CACND,MAAOhB,EACPkC,SAAUjC,IAGV,CAAAqB,SAAA,CAAAnC,EACDiC,EAAAA,IAAK,MAAAK,OAAAC,OAAA,CAAAP,UAAU,iBAAe,CAAAG,SAAE1B,SAGjCwB,MAAKe,EAAAA,SAAA,CAAA,GAEL5C,GACA6B,MAAA,MAAAK,OAAAC,OAAA,CAAKP,UAAU,gBAAgBF,MAAO,CAAEgB,OAAQ,IAC9C,CAAAX,SAAAS,EAAAA,QAAMC,cAAczC,EAAcoB,cAI3B,IAKfhC,EAAOyD,YAAc"}