@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

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

@@ -1,83 +1,84 @@
-import { jsxDEV as t } from "react/jsx-dev-runtime";
-import { useState as g } from "react";
-import { AvatarStyle as y } from "./Avatar.styled.js";
-import { SIZE as r, AVATAR_TYPES as i, AVATAR_BACKGROUND as l, AVATAR_SIZE_MAP as o } from "./AvatarHelper.js";
-import { BodyTiny as A, TitleSmall as x, TitleMedium as I } from "../TypographyStyle.js";
-import { COLORS as a } from "../../constants/Theme.js";
-import p from "../../assets/icons/bik_livechat.svg.js";
-import b from "../../assets/icons/email-channel.svg.js";
-import u from "../../assets/icons/facebook_channel.svg.js";
-import U from "../../assets/icons/gmail.svg.js";
-import P from "../../assets/icons/instagram-channel.svg.js";
-import j from "../../assets/icons/task.svg.js";
-import T from "../../assets/icons/whatsapp_color.svg.js";
+import { jsxDEV as a } from "react/jsx-dev-runtime";
+import { useState as p } from "react";
+import { AvatarStyle as N, PhoneIconWrapper as g } from "./Avatar.styled.js";
+import { SIZE as i, AVATAR_TYPES as t, AVATAR_BACKGROUND as c, AVATAR_SIZE_MAP as o } from "./AvatarHelper.js";
+import { BodyTiny as A, TitleSmall as I, TitleMedium as x } from "../TypographyStyle.js";
+import { COLORS as r } from "../../constants/Theme.js";
+import U from "../../assets/icons/bik_livechat.svg.js";
+import v from "../../assets/icons/email-channel.svg.js";
+import b from "../../assets/icons/facebook_channel.svg.js";
+import D from "../../assets/icons/gmail.svg.js";
+import W from "../../assets/icons/instagram-channel.svg.js";
+import T from "../../assets/icons/task.svg.js";
+import w from "../../assets/icons/whatsapp_color.svg.js";
+import O from "../../icons/Informational/Communication/Phone.js";
 const n = {
-  [r.SMALL]: 16,
-  [r.MEDIUM]: 20,
-  [r.INBOX]: 24,
-  [r.LARGE]: 32
+  [i.SMALL]: 16,
+  [i.MEDIUM]: 20,
+  [i.INBOX]: 24,
+  [i.LARGE]: 32
 }, s = {
-  [l.LIGHT]: a.content.secondary,
-  [l.WHITE]: a.content.secondary,
-  [l.DARK]: a.surface.standard
+  [c.LIGHT]: r.content.secondary,
+  [c.WHITE]: r.content.secondary,
+  [c.DARK]: r.surface.standard
 };
-var R = /* @__PURE__ */ ((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))(R || {});
-const W = (e) => {
-  const [c, h] = g(!1), d = () => {
-    const m = (e.name || "").split(".").join(" ").split(" ").map((N) => N.charAt(0).toUpperCase()).slice(0, 2).join("");
-    if (e.size === r.SMALL)
-      return /* @__PURE__ */ t(
+var R = /* @__PURE__ */ ((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", e))(R || {});
+const S = (e) => {
+  const [m, d] = p(!1), u = () => {
+    const l = (e.name || "").split(".").join(" ").split(" ").map((y) => y.charAt(0).toUpperCase()).slice(0, 2).join("");
+    if (e.size === i.SMALL)
+      return /* @__PURE__ */ a(
         A,
         {
           style: { color: s[e.background] },
-          children: m
+          children: l
         },
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 83,
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 88,
           columnNumber: 5
         },
         void 0
       );
-    if (e.size === r.MEDIUM || e.size === r.INBOX)
-      return /* @__PURE__ */ t(
-        x,
+    if (e.size === i.MEDIUM || e.size === i.INBOX)
+      return /* @__PURE__ */ a(
+        I,
         {
           style: { color: s[e.background] },
-          children: m
+          children: l
         },
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 91,
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 96,
           columnNumber: 5
         },
         void 0
       );
-    if (e.size === r.LARGE)
-      return /* @__PURE__ */ t(
-        I,
+    if (e.size === i.LARGE)
+      return /* @__PURE__ */ a(
+        x,
         {
           style: { color: s[e.background] },
-          children: m
+          children: l
         },
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 99,
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 104,
           columnNumber: 5
         },
         void 0
       );
-  }, f = () => e.useNameFallback && (!e.photoUrl || c) && e.name ? /* @__PURE__ */ t("div", { children: d() }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-    lineNumber: 110,
+  }, h = () => e.useNameFallback && (!e.photoUrl || m) && e.name ? /* @__PURE__ */ a("div", { children: u() }, void 0, !1, {
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+    lineNumber: 115,
     columnNumber: 11
-  }, void 0) : e.useNameFallback && e.photoUrl && !c ? /* @__PURE__ */ t(
+  }, void 0) : e.useNameFallback && e.photoUrl && !m ? /* @__PURE__ */ a(
     "img",
     {
       alt: "",
@@ -89,18 +90,18 @@ const W = (e) => {
       },
       src: e.photoUrl,
       onError: () => {
-        h(!0);
+        d(!0);
       }
     },
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-      lineNumber: 114,
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+      lineNumber: 119,
       columnNumber: 5
     },
     void 0
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ a(
     "img",
     {
       alt: "",
@@ -115,79 +116,100 @@ const W = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-      lineNumber: 131,
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+      lineNumber: 136,
       columnNumber: 4
     },
     void 0
-  ), v = () => {
+  ), k = () => {
     switch (e.channelName) {
       case "email":
-        return /* @__PURE__ */ t(b, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 147,
+        return /* @__PURE__ */ a(v, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 152,
           columnNumber: 12
         }, void 0);
       case "smtp":
-        return /* @__PURE__ */ t(b, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 149,
+        return /* @__PURE__ */ a(v, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 154,
           columnNumber: 12
         }, void 0);
       case "facebook":
-        return /* @__PURE__ */ t(u, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 151,
+        return /* @__PURE__ */ a(b, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 156,
           columnNumber: 12
         }, void 0);
       case "facebook-catalog":
-        return /* @__PURE__ */ t(u, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 153,
+        return /* @__PURE__ */ a(b, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 158,
           columnNumber: 12
         }, void 0);
       case "messenger":
-        return /* @__PURE__ */ t(u, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 155,
+        return /* @__PURE__ */ a(b, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 160,
           columnNumber: 12
         }, void 0);
       case "instagram":
-        return /* @__PURE__ */ t(P, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 157,
+        return /* @__PURE__ */ a(W, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 162,
           columnNumber: 12
         }, void 0);
       case "whatsapp":
-        return /* @__PURE__ */ t(T, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 159,
+        return /* @__PURE__ */ a(w, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 164,
           columnNumber: 12
         }, void 0);
       case "gmail":
-        return /* @__PURE__ */ t(U, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 161,
+        return /* @__PURE__ */ a(D, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 166,
           columnNumber: 12
         }, void 0);
       case "tasks":
-        return /* @__PURE__ */ t(j, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 163,
+        return /* @__PURE__ */ a(T, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 168,
           columnNumber: 12
         }, void 0);
       case "livechat":
-        return /* @__PURE__ */ t(p, { width: 11, height: 11 }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-          lineNumber: 165,
+        return /* @__PURE__ */ a(U, { width: 11, height: 11 }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 170,
           columnNumber: 12
         }, void 0);
+      case "voice":
+        return /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(
+          O,
+          {
+            width: 8,
+            height: 8,
+            color: r.content.secondaryInverse
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+            lineNumber: 174,
+            columnNumber: 7
+          },
+          void 0
+        ) }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+          lineNumber: 173,
+          columnNumber: 6
+        }, void 0);
     }
-  }, k = () => e.status ? /* @__PURE__ */ t(
+  }, f = () => e.status ? /* @__PURE__ */ a(
     "div",
     {
       style: {
-        backgroundColor: e.status === "ONLINE" ? a.special.whatsapp.brand : a.content.inactive,
+        backgroundColor: e.status === "ONLINE" ? r.special.whatsapp.brand : r.content.inactive,
         width: "8px",
         height: "8px",
         borderRadius: "50%"
@@ -196,33 +218,33 @@ const W = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-      lineNumber: 171,
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+      lineNumber: 186,
       columnNumber: 4
     },
     void 0
   ) : null;
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       style: {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ t(
-          y,
+        /* @__PURE__ */ a(
+          N,
           {
-            type: e.type === i.IMAGE && (c || !e.photoUrl) && e.useNameFallback && e.name ? i.INITIALS : e.type,
+            type: e.type === t.IMAGE && (m || !e.photoUrl) && e.useNameFallback && e.name ? t.INITIALS : e.type,
             size: e.size,
             background: e.background,
             children: [
-              e.type === i.IMAGE && f(),
-              e.type === i.INITIALS && /* @__PURE__ */ t("div", { children: d() }, void 0, !1, {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-                lineNumber: 210,
+              e.type === t.IMAGE && h(),
+              e.type === t.INITIALS && /* @__PURE__ */ a("div", { children: u() }, void 0, !1, {
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+                lineNumber: 225,
                 columnNumber: 46
               }, void 0),
-              e.type === i.ICON && e.icon && /* @__PURE__ */ t(
+              e.type === t.ICON && e.icon && /* @__PURE__ */ a(
                 e.icon,
                 {
                   width: n[e.size],
@@ -232,8 +254,8 @@ const W = (e) => {
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-                  lineNumber: 212,
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+                  lineNumber: 227,
                   columnNumber: 6
                 },
                 void 0
@@ -243,13 +265,13 @@ const W = (e) => {
           void 0,
           !0,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-            lineNumber: 204,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+            lineNumber: 219,
             columnNumber: 4
           },
           void 0
         ),
-        e.inboxSettings && /* @__PURE__ */ t(
+        e.inboxSettings && /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -261,21 +283,21 @@ const W = (e) => {
               borderRadius: e?.borderRadius || "50%",
               display: "flex",
               justifyContent: "center",
-              backgroundColor: e.inboxSettings.isSelected ? e.inboxSettings.isComments ? a.content.primary : a.background.brandLight : e.inboxSettings.isComments ? a.content.primary : a.surface.standard,
+              backgroundColor: e.inboxSettings.isSelected ? e.inboxSettings.isComments ? r.content.primary : r.background.brandLight : e.inboxSettings.isComments ? r.content.primary : r.surface.standard,
               alignItems: "center"
             },
-            children: v()
+            children: k()
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-            lineNumber: 220,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+            lineNumber: 235,
             columnNumber: 5
           },
           void 0
         ),
-        e.status && /* @__PURE__ */ t(
+        e.status && /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -287,16 +309,16 @@ const W = (e) => {
               borderRadius: "50%",
               display: "flex",
               justifyContent: "center",
-              backgroundColor: a.surface.standard,
+              backgroundColor: r.surface.standard,
               alignItems: "center"
             },
-            children: k()
+            children: f()
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-            lineNumber: 244,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+            lineNumber: 259,
             columnNumber: 5
           },
           void 0
@@ -306,8 +328,8 @@ const W = (e) => {
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/avatar/Avatar.tsx",
-      lineNumber: 199,
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/avatar/Avatar.tsx",
+      lineNumber: 214,
       columnNumber: 3
     },
     void 0
@@ -315,7 +337,7 @@ const W = (e) => {
 };
 export {
   n as AVATAR_SIZE_VS_ICON_SIZE_MAP,
-  W as Avatar,
+  S as Avatar,
   s as BACKGROUND_VS_TEXT_COLOR_MAP,
   R as MESSAGE_CHANNELS
 };

package/dist/esm/components/avatar/Avatar.js.map

@@ -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","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","COLORS","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","e","jsxDEV","BodyTiny","this","TitleSmall","TitleMedium","getImageBlock","AVATAR_SIZE_MAP","getChannelIcon","EmailIcon","FacebookIcon","InstagramIcon","WhatsappIcon","GmailIcon","TaskIcon","BikLivechatIcon","getOnlineStatusIcon","AvatarStyle","AVATAR_TYPES"],"mappings":"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"}
+{"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","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","COLORS","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","e","jsxDEV","BodyTiny","this","TitleSmall","TitleMedium","getImageBlock","AVATAR_SIZE_MAP","getChannelIcon","EmailIcon","FacebookIcon","InstagramIcon","WhatsappIcon","GmailIcon","TaskIcon","BikLivechatIcon","PhoneIconWrapper","PhoneIcon","getOnlineStatusIcon","AvatarStyle","AVATAR_TYPES"],"mappings":"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"}

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

@@ -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

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

package/dist/esm/components/avatar/Avatar.styled.js.map

@@ -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","props","AVATAR_SIZE_MAP","AVATAR_TYPES","AVATAR_BACKGROUND","COLORS"],"mappings":";;;AASO,MAAMA,IAAcC,EAAO;AAAA,UAKxB,CAACC,MAAUC,EAAgBD,EAAM,IAAI,IAAI,IAAI;AAAA,WAC5C,CAACA,MAAUC,EAAgBD,EAAM,IAAI,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAInC,CAACA,MACpBA,EAAM,SAASE,EAAa,QACzB,SACAF,EAAM,eAAeG,EAAkB,QACvCC,EAAO,WAAW,OAClBJ,EAAM,eAAeG,EAAkB,QACvCC,EAAO,QAAQ,WACfA,EAAO,WAAW,OAAO;AAAA,WACnB,CAACJ,MACVA,EAAM,eAAeG,EAAkB,SACvCH,EAAM,eAAeG,EAAkB,QACpC,eAAeC,EAAO,OAAO,UAC7B,CAAC;AAAA;AAAA;"}
+{"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","props","AVATAR_SIZE_MAP","AVATAR_TYPES","AVATAR_BACKGROUND","COLORS","PhoneIconWrapper"],"mappings":";;;AASO,MAAMA,IAAcC,EAAO;AAAA,UAKxB,CAACC,MAAUC,EAAgBD,EAAM,IAAI,IAAI,IAAI;AAAA,WAC5C,CAACA,MAAUC,EAAgBD,EAAM,IAAI,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAInC,CAACA,MACpBA,EAAM,SAASE,EAAa,QACzB,SACAF,EAAM,eAAeG,EAAkB,QACvCC,EAAO,WAAW,OAClBJ,EAAM,eAAeG,EAAkB,QACvCC,EAAO,QAAQ,WACfA,EAAO,WAAW,OAAO;AAAA,WACnB,CAACJ,MACVA,EAAM,eAAeG,EAAkB,SACvCH,EAAM,eAAeG,EAAkB,QACpC,eAAeC,EAAO,OAAO,UAC7B,CAAC;AAAA;AAAA,GAIOC,IAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOlBK,EAAO,QAAQ,SAAS;AAAA;"}

package/dist/esm/components/banner/AdBanner.js

@@ -1,32 +1,32 @@
 import { jsxDEV as n } from "react/jsx-dev-runtime";
 import a from "./BannerInline.js";
 import o from "./BannerWithImage.js";
-import m from "./CardBanner.js";
-import t from "./CardBannerWithImage.js";
+import i from "./CardBanner.js";
+import m from "./CardBannerWithImage.js";
 import { BannerType as r } from "./model.js";
-const b = (e) => {
+const N = (e) => {
   switch (e.bannerType) {
     case r.CARD_BANNER:
-      return /* @__PURE__ */ n(m, { ...e }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/banner/AdBanner.tsx",
+      return /* @__PURE__ */ n(i, { ...e }, void 0, !1, {
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",
         lineNumber: 11,
         columnNumber: 11
       }, void 0);
     case r.CARD_BANNER_WITH_IMAGE:
-      return /* @__PURE__ */ n(t, { ...e }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/banner/AdBanner.tsx",
+      return /* @__PURE__ */ n(m, { ...e }, void 0, !1, {
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",
         lineNumber: 13,
         columnNumber: 11
       }, void 0);
     case r.BANNER_INLINE:
       return /* @__PURE__ */ n(a, { ...e }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/banner/AdBanner.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",
         lineNumber: 15,
         columnNumber: 11
       }, void 0);
     case r.BANNER_WITH_IMAGE:
       return /* @__PURE__ */ n(o, { ...e }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/banner/AdBanner.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/banner/AdBanner.tsx",
         lineNumber: 17,
         columnNumber: 11
       }, void 0);
@@ -35,6 +35,6 @@ const b = (e) => {
   }
 };
 export {
-  b as default
+  N as default
 };
 //# sourceMappingURL=AdBanner.js.map