@bikdotai/bik-component-library 0.0.566-beta.876 → 0.0.566-beta.878
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,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 +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");const c={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},E={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var l;exports.MESSAGE_CHANNELS=void 0,(l=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",l.MESSENGER="messenger",l.WHATSAPP="whatsapp",l.GMAIL="gmail",l.LIVECHAT="livechat",l.GOOGLE_BUSINESS_CHAT="gbm",l.SHOPIFY="shopify",l.FACEBOOK="facebook",l.EMAIL="email",l.SMTP="smtp",l.FACEBOOK_CATALOG="facebook-catalog";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=c,exports.Avatar=l=>{const[d,h]=s.useState(!1),p=()=>{const s=(l.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return l.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:E[l.background]}},{children:s})):l.size===i.SIZE.MEDIUM||l.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:E[l.background]}},{children:s})):l.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:E[l.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:l.type,size:l.size,background:l.background},{children:[l.type===i.AVATAR_TYPES.IMAGE&&(l.useNameFallback&&!d?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[l.size],height:i.AVATAR_SIZE_MAP[l.size],style:{borderRadius:"50%",objectFit:"contain"},src:l.photoUrl,onError:()=>{h(!0)}}):l.useNameFallback&&d&&l.name?e.jsx("div",{children:p()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[l.size],height:i.AVATAR_SIZE_MAP[l.size],style:{borderRadius:"50%",objectFit:"contain"},src:l.photoUrl})),l.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:p()}),l.type===i.AVATAR_TYPES.ICON&&l.icon&&e.jsx(l.icon,{width:c[l.size],height:c[l.size],color:E[l.background]})]})),l.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:"20px",top:"20px",width:14,height:14,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:l.inboxSettings.isSelected?l.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:l.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(l.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})}})()}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=E;
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -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
|
|
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 b from"../../assets/icons/whatsapp_color.svg.js";const A={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},u={[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,O]=s(!1),E=()=>{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:u[r.background]}},{children:e})):r.size===o.MEDIUM||r.size===o.INBOX?t(l,Object.assign({style:{color:u[r.background]}},{children:e})):r.size===o.LARGE?t(h,Object.assign({style:{color:u[r.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(i,Object.assign({type: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:()=>{O(!0)}}):r.useNameFallback&&y&&r.name?t("div",{children:E()}):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:E()}),r.type===n.ICON&&r.icon&&t(r.icon,{width:A[r.size],height:A[r.size],color:u[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(b,{width:11,height:11})}})()}))]}))};export{A as AVATAR_SIZE_VS_ICON_SIZE_MAP,y as Avatar,u as BACKGROUND_VS_TEXT_COLOR_MAP,S as MESSAGE_CHANNELS};
|