npm - @bikdotai/bik-component-library - Versions diffs - 0.0.803 → 0.0.804-beta.1 - Mend

@bikdotai/bik-component-library 0.0.803 → 0.0.804-beta.1

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

Files changed (25) hide show

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/cjs/components/avatar/Avatar.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export declare const enum MESSAGE_CHANNELS {
     SMTP = "smtp",
     FACEBOOK_CATALOG = "facebook-catalog",
     TASKS = "tasks",
-    BIK_LIVECHAT = "livechat"
+    BIK_LIVECHAT = "livechat",
+    VOICE = "voice"
 }
 export declare const Avatar: React.FC<AvatarProps>;

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("./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;
+"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"),c=require("../../assets/icons/gmail.svg.js"),S=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js"),d=require("../../icons/Informational/Communication/Phone.js");const h={[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 p;exports.MESSAGE_CHANNELS=void 0,(p=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",p.MESSENGER="messenger",p.WHATSAPP="whatsapp",p.GMAIL="gmail",p.LIVECHAT="livechat",p.GOOGLE_BUSINESS_CHAT="gbm",p.SHOPIFY="shopify",p.FACEBOOK="facebook",p.EMAIL="email",p.SMTP="smtp",p.FACEBOOK_CATALOG="facebook-catalog",p.TASKS="tasks",p.BIK_LIVECHAT="livechat",p.VOICE="voice";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=h,exports.Avatar=p=>{const[O,g]=s.useState(!1),x=()=>{const s=(p.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return p.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[p.background]}},{children:s})):p.size===i.SIZE.MEDIUM||p.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[p.background]}},{children:s})):p.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[p.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:p.type===i.AVATAR_TYPES.IMAGE&&(O||!p.photoUrl)&&p.useNameFallback&&p.name?i.AVATAR_TYPES.INITIALS:p.type,size:p.size,background:p.background},{children:[p.type===i.AVATAR_TYPES.IMAGE&&(p.useNameFallback&&(!p.photoUrl||O)&&p.name?e.jsx("div",{children:x()}):p.useNameFallback&&p.photoUrl&&!O?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[p.size],height:i.AVATAR_SIZE_MAP[p.size],style:{borderRadius:(null==p?void 0:p.borderRadius)||"50%",objectFit:"contain"},src:p.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[p.size],height:i.AVATAR_SIZE_MAP[p.size],style:{borderRadius:(null==p?void 0:p.borderRadius)||"50%",objectFit:"contain"},src:p.photoUrl})),p.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:x()}),p.type===i.AVATAR_TYPES.ICON&&p.icon&&e.jsx(p.icon,{width:h[p.size],height:h[p.size],color:u[p.background]})]})),p.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:h[p.size]+"px",top:h[p.size]+"px",width:14,height:14,borderRadius:(null==p?void 0:p.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:p.inboxSettings.isSelected?p.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:p.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(p.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(S.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(c.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});case exports.MESSAGE_CHANNELS.VOICE:return e.jsx(t.PhoneIconWrapper,{children:e.jsx(d.default,{width:8,height:8,color:a.COLORS.content.secondaryInverse})})}})()})),p.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:h[p.size]+"px",top:h[p.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:p.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===p.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 { 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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"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Phone as PhoneIcon } from '@src/icons';\nimport React, { useState } from 'react';\nimport {\n\tAvatarStyle,\n\tPhoneIconWrapper,\n} 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\tVOICE = 'voice',\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\tcase MESSAGE_CHANNELS.VOICE:\n\t\t\t\treturn (\n\t\t\t\t\t<PhoneIconWrapper>\n\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\t\theight={8}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondaryInverse}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PhoneIconWrapper>\n\t\t\t\t);\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","VOICE","PhoneIconWrapper","PhoneIcon","secondaryInverse","status","special","whatsapp","brand","inactive"],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.styled.d.ts CHANGED Viewed

@@ -4,3 +4,4 @@ export declare const AvatarStyle: import("styled-components").StyledComponent<"d
     background: AVATAR_BACKGROUND;
     type: AVATAR_TYPES;
 }, never>;
+export declare const PhoneIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const a=o.default.div`
 	width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
@@ -7,5 +7,13 @@
 	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;
+`,d=o.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 11px;
+	height: 11px;
+	border-radius: 4px;
+	background-color: ${t.COLORS.content.secondary};
+`;exports.AvatarStyle=a,exports.PhoneIconWrapper=d;
 //# 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: 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;;"}
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\nexport const PhoneIconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 11px;\n\theight: 11px;\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.content.secondary};\n`;\n"],"names":["AvatarStyle","styled","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","inverse","stroke","primary","PhoneIconWrapper","content","secondary"],"mappings":"+PASaA,MAAAA,EAAcC,EAAM,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;;EAIQC,EAAmBnB,EAAM,QAACC,GAAG;;;;;;;qBAOrBU,EAAMA,OAACS,QAAQC;"}

package/dist/cjs/components/bik-layout/MockMenus.d.ts CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/avatar/Avatar.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export declare const enum MESSAGE_CHANNELS {
     SMTP = "smtp",
     FACEBOOK_CATALOG = "facebook-catalog",
     TASKS = "tasks",
-    BIK_LIVECHAT = "livechat"
+    BIK_LIVECHAT = "livechat",
+    VOICE = "voice"
 }
 export declare const Avatar: React.FC<AvatarProps>;

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

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

package/dist/esm/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 { 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","Avatar","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","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","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 { Phone as PhoneIcon } from '@src/icons';\nimport React, { useState } from 'react';\nimport {\n\tAvatarStyle,\n\tPhoneIconWrapper,\n} 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\tVOICE = 'voice',\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\tcase MESSAGE_CHANNELS.VOICE:\n\t\t\t\treturn (\n\t\t\t\t\t<PhoneIconWrapper>\n\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\t\theight={8}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondaryInverse}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PhoneIconWrapper>\n\t\t\t\t);\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","Avatar","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","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","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","VOICE","PhoneIconWrapper","PhoneIcon","secondaryInverse","status","special","whatsapp","brand","inactive"],"mappings":"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"}

package/dist/esm/components/avatar/Avatar.styled.d.ts CHANGED Viewed

@@ -4,3 +4,4 @@ export declare const AvatarStyle: import("styled-components").StyledComponent<"d
     background: AVATAR_BACKGROUND;
     type: AVATAR_TYPES;
 }, never>;
+export declare const PhoneIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_TYPES as o,AVATAR_BACKGROUND as t}from"./AvatarHelper.js";import{COLORS as n}from"../../constants/Theme.js";const s=r.div`
+import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_TYPES as o,AVATAR_BACKGROUND as t}from"./AvatarHelper.js";import{COLORS as n}from"../../constants/Theme.js";const d=r.div`
 	width: ${r=>e[r.size]+"px"};
 	height: ${r=>e[r.size]+"px"};
 	display: flex;
@@ -7,5 +7,13 @@ import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_TYPES as o,A
 	background-color: ${r=>r.type===o.IMAGE?"null":r.background===t.LIGHT?n.background.base:r.background===t.WHITE?n.surface.standard:n.background.inverse};
 	border: ${r=>r.background===t.LIGHT||r.background===t.WHITE?"1px solid "+n.stroke.primary:0};
 	border-radius: 50%;
-`;export{s as AvatarStyle};
+`,i=r.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 11px;
+	height: 11px;
+	border-radius: 4px;
+	background-color: ${n.content.secondary};
+`;export{d as AvatarStyle,i as PhoneIconWrapper};
 //# sourceMappingURL=Avatar.styled.js.map

package/dist/esm/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: 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","styled","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","inverse","stroke","primary"],"mappings":"gLASaA,MAAAA,EAAcC,EAAOC,GAIhC;UACSC,GAAUC,EAAgBD,EAAME,MAAQ;WACvCF,GAAUC,EAAgBD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,EAAaC,MACzB,OACAL,EAAMM,aAAeC,EAAkBC,MACvCC,EAAOH,WAAWI,KAClBV,EAAMM,aAAeC,EAAkBI,MACvCF,EAAOG,QAAQC,SACfJ,EAAOH,WAAWQ;WACXd,GACVA,EAAMM,aAAeC,EAAkBC,OACvCR,EAAMM,aAAeC,EAAkBI,MACpC,aAAeF,EAAOM,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\nexport const PhoneIconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 11px;\n\theight: 11px;\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.content.secondary};\n`;\n"],"names":["AvatarStyle","styled","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","inverse","stroke","primary","PhoneIconWrapper","content","secondary"],"mappings":"gLASaA,MAAAA,EAAcC,EAAOC,GAIhC;UACSC,GAAUC,EAAgBD,EAAME,MAAQ;WACvCF,GAAUC,EAAgBD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,EAAaC,MACzB,OACAL,EAAMM,aAAeC,EAAkBC,MACvCC,EAAOH,WAAWI,KAClBV,EAAMM,aAAeC,EAAkBI,MACvCF,EAAOG,QAAQC,SACfJ,EAAOH,WAAWQ;WACXd,GACVA,EAAMM,aAAeC,EAAkBC,OACvCR,EAAMM,aAAeC,EAAkBI,MACpC,aAAeF,EAAOM,OAAOC,QAC7B;;EAIQC,EAAmBnB,EAAOC,GAAG;;;;;;;qBAOrBU,EAAOS,QAAQC;"}

package/dist/esm/components/bik-layout/MockMenus.d.ts CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.803",
+	"version": "0.0.804-beta.1",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",