@bikdotai/bik-component-library 0.0.566-beta.877 → 0.0.566-beta.879
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.
|
@@ -0,0 +1 @@
|
|
|
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,l,n,c=e(require("react"));function f(){return f=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},f.apply(this,arguments)}var i=e=>c.createElement("svg",f({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e),t||(t=c.createElement("path",{fill:"#4caf50",d:"m45 16.2-5 2.75-5 4.75V40h7a3 3 0 0 0 3-3V16.2z"})),r||(r=c.createElement("path",{fill:"#1e88e5",d:"m3 16.2 3.614 1.71L13 23.7V40H6a3 3 0 0 1-3-3V16.2z"})),a||(a=c.createElement("path",{fill:"#e53935",d:"m35 11.2-11 8.25-11-8.25-1 5.8 1 6.7 11 8.25 11-8.25 1-6.7z"})),l||(l=c.createElement("path",{fill:"#c62828",d:"M3 12.298V16.2l10 7.5V11.2L9.876 8.859A4.298 4.298 0 0 0 3 12.298z"})),n||(n=c.createElement("path",{fill:"#fbc02d",d:"M45 12.298V16.2l-10 7.5V11.2l3.124-2.341A4.298 4.298 0 0 1 45 12.298z"})));exports.default=i;
|
|
@@ -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"),
|
|
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"),o=require("../../assets/icons/facebook_channel.svg.js"),n=require("../../assets/icons/instagram-channel.svg.js"),S=require("../../assets/icons/whatsapp_color.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,g]=s.useState(!1),_=()=>{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&&p?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?(g(!0),e.jsx("div",{children:_()})):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:_()}),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(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t,a,l,r,n;function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},c.apply(this,arguments)}var i=i=>e.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},i),t||(t=e.createElement("path",{fill:"#4caf50",d:"m45 16.2-5 2.75-5 4.75V40h7a3 3 0 0 0 3-3V16.2z"})),a||(a=e.createElement("path",{fill:"#1e88e5",d:"m3 16.2 3.614 1.71L13 23.7V40H6a3 3 0 0 1-3-3V16.2z"})),l||(l=e.createElement("path",{fill:"#e53935",d:"m35 11.2-11 8.25-11-8.25-1 5.8 1 6.7 11 8.25 11-8.25 1-6.7z"})),r||(r=e.createElement("path",{fill:"#c62828",d:"M3 12.298V16.2l10 7.5V11.2L9.876 8.859A4.298 4.298 0 0 0 3 12.298z"})),n||(n=e.createElement("path",{fill:"#fbc02d",d:"M45 12.298V16.2l-10 7.5V11.2l3.124-2.341A4.298 4.298 0 0 1 45 12.298z"})));export{i as default};
|
|
@@ -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 n,AVATAR_SIZE_MAP as a}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as h}from"../TypographyStyle.js";import{COLORS as
|
|
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 n,AVATAR_SIZE_MAP as a}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_color.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,f]=s(!1),j=()=>{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===n.IMAGE&&O?n.INITIALS:r.type,size:r.size,background:r.background},{children:[r.type===n.IMAGE&&(r.useNameFallback&&!y?t("img",{alt:"",width:a[r.size],height:a[r.size],style:{borderRadius:"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{E(!0)}}):r.useNameFallback&&y&&r.name?(f(!0),t("div",{children:j()})):t("img",{alt:"",width:a[r.size],height:a[r.size],style:{borderRadius:"50%",objectFit:"contain"},src:r.photoUrl})),r.type===n.INITIALS&&t("div",{children:j()}),r.type===n.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};
|