@bikdotai/bik-component-library 0.0.566-beta.882 → 0.0.566-beta.883
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.
- package/dist/cjs/components/avatar/Avatar.js +1 -1
- package/dist/cjs/components/avatar/Avatar.styled.js +3 -3
- package/dist/esm/components/avatar/Avatar.js +1 -1
- package/dist/esm/components/avatar/Avatar.styled.js +4 -4
- package/package.json +1 -1
- package/dist/cjs/assets/icons/whatsapp_color.svg.js +0 -1
- package/dist/esm/assets/icons/whatsapp_color.svg.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"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"),A=require("../../assets/icons/email-channel.svg.js"),
|
|
1
|
+
"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"),A=require("../../assets/icons/email-channel.svg.js"),n=require("../../assets/icons/facebook_channel.svg.js"),o=require("../../assets/icons/instagram-channel.svg.js"),S=require("../../assets/icons/whatsapp-channel.svg.js"),c=require("../../assets/icons/gmail.svg.js");const E={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},l={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var d;exports.MESSAGE_CHANNELS=void 0,(d=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",d.MESSENGER="messenger",d.WHATSAPP="whatsapp",d.GMAIL="gmail",d.LIVECHAT="livechat",d.GOOGLE_BUSINESS_CHAT="gbm",d.SHOPIFY="shopify",d.FACEBOOK="facebook",d.EMAIL="email",d.SMTP="smtp",d.FACEBOOK_CATALOG="facebook-catalog";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=E,exports.Avatar=d=>{const[h,u]=s.useState(!1),p=()=>{const s=(d.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return d.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:l[d.background]}},{children:s})):d.size===i.SIZE.MEDIUM||d.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:l[d.background]}},{children:s})):d.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:l[d.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:d.type===i.AVATAR_TYPES.IMAGE&&h&&d.useNameFallback&&d.name?i.AVATAR_TYPES.INITIALS:d.type,size:d.size,background:d.background},{children:[d.type===i.AVATAR_TYPES.IMAGE&&(d.useNameFallback&&!h?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[d.size],height:i.AVATAR_SIZE_MAP[d.size],style:{borderRadius:"50%",objectFit:"contain"},src:d.photoUrl,onError:()=>{u(!0)}}):d.useNameFallback&&h&&d.name?e.jsx("div",{children:p()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[d.size],height:i.AVATAR_SIZE_MAP[d.size],style:{borderRadius:"50%",objectFit:"contain"},src:d.photoUrl})),d.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:p()}),d.type===i.AVATAR_TYPES.ICON&&d.icon&&e.jsx(d.icon,{width:E[d.size],height:E[d.size],color:l[d.background]})]})),d.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:"20px",top:"20px",width:14,height:14,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:d.inboxSettings.isSelected?d.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:d.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(d.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(c.default,{width:11,height:11})}})()}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=l;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=o(e).default.div`
|
|
2
2
|
width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
|
|
3
3
|
height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
|
|
4
4
|
display: flex;
|
|
5
5
|
justify-content: center;
|
|
6
6
|
align-items: center;
|
|
7
|
-
background-color: ${e=>t.COLORS.background.inverse};
|
|
7
|
+
background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:t.COLORS.background.inverse};
|
|
8
8
|
border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT?"1px solid "+t.COLORS.stroke.primary:0};
|
|
9
9
|
border-radius: 50%;
|
|
10
|
-
`;exports.AvatarStyle=
|
|
10
|
+
`;exports.AvatarStyle=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}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 h}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import d from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import p from"../../assets/icons/instagram-channel.svg.js";import A from"../../assets/icons/
|
|
1
|
+
import{jsxs as e,jsx as t}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 h}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import d from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import p from"../../assets/icons/instagram-channel.svg.js";import A from"../../assets/icons/whatsapp-channel.svg.js";import b from"../../assets/icons/gmail.svg.js";const u={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},I={[r.LIGHT]:m.content.secondary,[r.DARK]:m.surface.standard};var S;!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"}(S||(S={}));const y=r=>{const[y,E]=s(!1),O=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.SMALL?t(c,Object.assign({style:{color:I[r.background]}},{children:e})):r.size===o.MEDIUM||r.size===o.INBOX?t(l,Object.assign({style:{color:I[r.background]}},{children:e})):r.size===o.LARGE?t(h,Object.assign({style:{color:I[r.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(i,Object.assign({type:r.type===a.IMAGE&&y&&r.useNameFallback&&r.name?a.INITIALS:r.type,size:r.size,background:r.background},{children:[r.type===a.IMAGE&&(r.useNameFallback&&!y?t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{E(!0)}}):r.useNameFallback&&y&&r.name?t("div",{children:O()}):t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:"50%",objectFit:"contain"},src:r.photoUrl})),r.type===a.INITIALS&&t("div",{children:O()}),r.type===a.ICON&&r.icon&&t(r.icon,{width:u[r.size],height:u[r.size],color:I[r.background]})]})),r.inboxSettings&&t("div",Object.assign({style:{position:"absolute",left:"20px",top:"20px",width:14,height:14,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?m.content.primary:m.background.brandLight:r.inboxSettings.isComments?m.content.primary:m.surface.standard,alignItems:"center"}},{children:(()=>{switch(r.channelName){case S.EMAIL:case S.SMTP:return t(d,{width:11,height:11});case S.FACEBOOK:case S.FACEBOOK_CATALOG:case S.MESSENGER:return t(g,{width:11,height:11});case S.INSTAGRAM:return t(p,{width:11,height:11});case S.WHATSAPP:return t(A,{width:11,height:11});case S.GMAIL:return t(b,{width:11,height:11})}})()}))]}))};export{u as AVATAR_SIZE_VS_ICON_SIZE_MAP,y as Avatar,I as BACKGROUND_VS_TEXT_COLOR_MAP,S as MESSAGE_CHANNELS};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_BACKGROUND as
|
|
1
|
+
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`
|
|
2
2
|
width: ${r=>e[r.size]+"px"};
|
|
3
3
|
height: ${r=>e[r.size]+"px"};
|
|
4
4
|
display: flex;
|
|
5
5
|
justify-content: center;
|
|
6
6
|
align-items: center;
|
|
7
|
-
background-color: ${r=>t.background.inverse};
|
|
8
|
-
border: ${r=>r.background===
|
|
7
|
+
background-color: ${r=>r.type===o.IMAGE?"null":r.background===t.LIGHT?n.background.base:n.background.inverse};
|
|
8
|
+
border: ${r=>r.background===t.LIGHT?"1px solid "+n.stroke.primary:0};
|
|
9
9
|
border-radius: 50%;
|
|
10
|
-
`;export{
|
|
10
|
+
`;export{s as AvatarStyle};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a,n,c=e(require("react"));function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var o=e=>c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=c.createElement("path",{fill:"url(#whatsapp_color_svg__a)",d:"M2.427 11.88c0 1.68.442 3.321 1.284 4.767L2.347 21.59l5.096-1.326a9.668 9.668 0 0 0 4.594 1.16h.004c5.298 0 9.61-4.278 9.613-9.536a9.439 9.439 0 0 0-2.813-6.746 9.59 9.59 0 0 0-6.8-2.796c-5.3 0-9.612 4.277-9.614 9.535"})),r||(r=c.createElement("path",{fill:"#fff",d:"M2.084 11.877c-.001 1.741.457 3.44 1.329 4.938L2 21.934l5.279-1.373a10.016 10.016 0 0 0 4.759 1.202h.004c5.488 0 9.956-4.432 9.958-9.878a9.78 9.78 0 0 0-2.914-6.988A9.935 9.935 0 0 0 12.042 2c-5.49 0-9.956 4.431-9.958 9.877Zm3.143 4.68-.197-.31a8.142 8.142 0 0 1-1.265-4.37c.002-4.526 3.715-8.209 8.28-8.209 2.21.001 4.289.856 5.852 2.408a8.129 8.129 0 0 1 2.422 5.808c-.002 4.527-3.715 8.21-8.277 8.21h-.003a8.317 8.317 0 0 1-4.213-1.144l-.302-.178-3.133.815.836-3.03Z"})),a||(a=c.createElement("path",{fill:"#fff",d:"M9.554 7.748c-.187-.411-.383-.42-.56-.427-.145-.006-.311-.006-.477-.006a.918.918 0 0 0-.664.31c-.228.246-.87.844-.87 2.058 0 1.215.891 2.389 1.015 2.554.125.164 1.722 2.737 4.25 3.726 2.103.823 2.53.66 2.987.618.456-.041 1.472-.597 1.679-1.174.207-.576.207-1.07.145-1.173-.062-.103-.228-.165-.477-.289-.249-.123-1.472-.72-1.7-.803-.228-.082-.394-.123-.56.124-.166.247-.642.803-.787.968-.146.165-.29.185-.54.062-.249-.124-1.05-.385-2-1.226-.74-.654-1.24-1.462-1.385-1.71-.145-.246-.015-.38.11-.503.111-.11.248-.288.373-.432.124-.145.165-.248.248-.412.083-.165.042-.31-.02-.433-.063-.123-.546-1.344-.767-1.832"})),n||(n=c.createElement("defs",null,c.createElement("linearGradient",{id:"whatsapp_color_svg__a",x1:12,x2:12,y1:21.588,y2:2.345,gradientUnits:"userSpaceOnUse"},c.createElement("stop",{stopColor:"#1FAF38"}),c.createElement("stop",{offset:1,stopColor:"#60D669"})))));exports.default=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import*as e from"react";var t,a,r,l;function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var c=c=>e.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},c),t||(t=e.createElement("path",{fill:"url(#whatsapp_color_svg__a)",d:"M2.427 11.88c0 1.68.442 3.321 1.284 4.767L2.347 21.59l5.096-1.326a9.668 9.668 0 0 0 4.594 1.16h.004c5.298 0 9.61-4.278 9.613-9.536a9.439 9.439 0 0 0-2.813-6.746 9.59 9.59 0 0 0-6.8-2.796c-5.3 0-9.612 4.277-9.614 9.535"})),a||(a=e.createElement("path",{fill:"#fff",d:"M2.084 11.877c-.001 1.741.457 3.44 1.329 4.938L2 21.934l5.279-1.373a10.016 10.016 0 0 0 4.759 1.202h.004c5.488 0 9.956-4.432 9.958-9.878a9.78 9.78 0 0 0-2.914-6.988A9.935 9.935 0 0 0 12.042 2c-5.49 0-9.956 4.431-9.958 9.877Zm3.143 4.68-.197-.31a8.142 8.142 0 0 1-1.265-4.37c.002-4.526 3.715-8.209 8.28-8.209 2.21.001 4.289.856 5.852 2.408a8.129 8.129 0 0 1 2.422 5.808c-.002 4.527-3.715 8.21-8.277 8.21h-.003a8.317 8.317 0 0 1-4.213-1.144l-.302-.178-3.133.815.836-3.03Z"})),r||(r=e.createElement("path",{fill:"#fff",d:"M9.554 7.748c-.187-.411-.383-.42-.56-.427-.145-.006-.311-.006-.477-.006a.918.918 0 0 0-.664.31c-.228.246-.87.844-.87 2.058 0 1.215.891 2.389 1.015 2.554.125.164 1.722 2.737 4.25 3.726 2.103.823 2.53.66 2.987.618.456-.041 1.472-.597 1.679-1.174.207-.576.207-1.07.145-1.173-.062-.103-.228-.165-.477-.289-.249-.123-1.472-.72-1.7-.803-.228-.082-.394-.123-.56.124-.166.247-.642.803-.787.968-.146.165-.29.185-.54.062-.249-.124-1.05-.385-2-1.226-.74-.654-1.24-1.462-1.385-1.71-.145-.246-.015-.38.11-.503.111-.11.248-.288.373-.432.124-.145.165-.248.248-.412.083-.165.042-.31-.02-.433-.063-.123-.546-1.344-.767-1.832"})),l||(l=e.createElement("defs",null,e.createElement("linearGradient",{id:"whatsapp_color_svg__a",x1:12,x2:12,y1:21.588,y2:2.345,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#1FAF38"}),e.createElement("stop",{offset:1,stopColor:"#60D669"})))));export{c as default};
|