@bikdotai/bik-component-library 0.0.742-beta.41 → 0.0.742-beta.7
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/BikGiftedChat/Bubble/Bubble.js +1 -1
- package/dist/cjs/components/BikGiftedChat/Bubble/types.d.ts +0 -13
- package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.d.ts +0 -2
- package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/types.d.ts +2 -60
- package/dist/cjs/components/TypographyStyle.d.ts +0 -8
- package/dist/cjs/components/TypographyStyle.js +13 -14
- package/dist/cjs/components/carousel-preview/CarouselPreview.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
- package/dist/cjs/components/list-item/themes.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
- package/dist/cjs/components/toaster/Toaster.d.ts +0 -2
- package/dist/cjs/components/toaster/Toaster.js +1 -1
- package/dist/cjs/components/toaster/Toaster.styled.js +1 -1
- package/dist/cjs/constants/Theme.d.ts +0 -5
- package/dist/cjs/constants/Theme.js +1 -1
- package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js +1 -1
- package/dist/esm/components/BikGiftedChat/Bubble/types.d.ts +0 -13
- package/dist/esm/components/BikGiftedChat/GiftedChat/Day.d.ts +0 -2
- package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/types.d.ts +2 -60
- package/dist/esm/components/TypographyStyle.d.ts +0 -8
- package/dist/esm/components/TypographyStyle.js +12 -13
- package/dist/esm/components/carousel-preview/CarouselPreview.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
- package/dist/esm/components/list-item/themes.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
- package/dist/esm/components/toaster/Toaster.d.ts +0 -2
- package/dist/esm/components/toaster/Toaster.js +1 -1
- package/dist/esm/components/toaster/Toaster.styled.js +1 -1
- package/dist/esm/constants/Theme.d.ts +0 -5
- package/dist/esm/constants/Theme.js +1 -1
- package/package.json +3 -3
- package/dist/cjs/components/BikGiftedChat/Bubble/types.js +0 -1
- package/dist/esm/components/BikGiftedChat/Bubble/types.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../../../constants/Theme.js"),t=require("../../../hooks/useWindowSize.js"),s=require("../GiftedChat/types.js"),a=require("../GiftedChat/utils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l=>{var r,d,o,u;const{currentMessage:c,position:v,renderMessageText:g,renderTicks:f,renderTime:m,renderCustomView:h,isCustomViewBottom:b,isUnsatisfactoryMessageFn:y,messagesGroupedByAiTraceId:j}=l,C=t.useWindowSize(),O=c,S=i.useMemo((()=>O.category===a.Constants.ChatActivity.Category.ACTIVITY&&O.activityType===a.Constants.ChatActivity.Type.PRIVATE_NOTE),[O.category,O.activityType]),x=i.useMemo((()=>{const[e,i]=a.isStringifiedArray(null==O?void 0:O.message);return e&&i&&Array.isArray(i)}),[null==O?void 0:O.message]),A=i.useMemo((()=>{var e,i,t;const a={borderRadius:8,minHeight:20,margin:0,flexGrow:C?1:0},l=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.GMAIL||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.GMAIL,r=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.SMTP||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.SMTP;let d={};if("left"===v)d=Object.assign(Object.assign({},C||l||r?{maxWidth:"100%"}:{}),S?{background:(null===(e=null==O?void 0:O.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{backgroundColor:(null==O?void 0:O.isPrivateMail)?n.COLORS.background.blue.light:n.COLORS.surface.hovered});else if("right"===v){const e=y&&y({aiTraceId:null===(i=O.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:j});d=Object.assign(Object.assign({backgroundColor:"failed"===O.status||e?n.COLORS.background.negative.light:n.COLORS.background.brandVeryLight},S?{background:(null===(t=null==O?void 0:O.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{}),!C&&x?{maxWidth:500}:{})}return Object.assign(Object.assign({},a),d)}),[null==O?void 0:O.channelId,null==O?void 0:O.channelName,null===(r=null==O?void 0:O.meta)||void 0===r?void 0:r.aiUsed,null==O?void 0:O.status,null===(d=null==O?void 0:O.eventProperties)||void 0===d?void 0:d.aiTraceId,v,C,S,x,y,j,null==O?void 0:O.isPrivateMail]),p=i.useCallback((()=>e.jsxs("div",{children:[!b&&(null==h?void 0:h(l)),null==g?void 0:g(l),b&&(null==h?void 0:h(l))]})),[b,h,g,l]);return e.jsx("div",Object.assign({style:{display:"flex",marginTop:6,marginBottom:(null===(u=null===(o=null==c?void 0:c.messageInformation)||void 0===o?void 0:o.reactions)||void 0===u?void 0:u.length)>0?24:6,flexGrow:C?1:0}},{children:e.jsx("div",Object.assign({style:A},{children:e.jsxs("div",{children:[e.jsx("div",Object.assign({id:c.chatActivityId||`message-${c.psqlId}`},{children:p()})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==m?void 0:m(l),null==f?void 0:f(c)]}))]})}))}))},d=l(i).default.memo(r);exports.Bubble=d,exports.default=d;
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IMessage, User } from '../types';
|
|
3
|
-
export declare enum GiftedChatAppType {
|
|
4
|
-
Bik = "bik",
|
|
5
|
-
Manifest = "manifest"
|
|
6
|
-
}
|
|
7
3
|
export interface BubbleProps<TMessage extends IMessage = IMessage> {
|
|
8
4
|
currentMessage: TMessage;
|
|
9
5
|
previousMessage?: TMessage;
|
|
@@ -26,13 +22,4 @@ export interface BubbleProps<TMessage extends IMessage = IMessage> {
|
|
|
26
22
|
messagesGroupedByAiTraceId?: any;
|
|
27
23
|
}) => boolean;
|
|
28
24
|
messagesGroupedByAiTraceId?: any;
|
|
29
|
-
containerStyle?: {
|
|
30
|
-
left?: React.CSSProperties;
|
|
31
|
-
right?: React.CSSProperties;
|
|
32
|
-
} | React.CSSProperties;
|
|
33
|
-
bubbleStyles?: {
|
|
34
|
-
left?: React.CSSProperties;
|
|
35
|
-
right?: React.CSSProperties;
|
|
36
|
-
} | React.CSSProperties;
|
|
37
|
-
appType?: GiftedChatAppType;
|
|
38
25
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { GiftedChatAppType } from '../Bubble/types';
|
|
3
2
|
export interface DayProps {
|
|
4
3
|
createdAt?: Date | number | string;
|
|
5
4
|
dateFormat?: string;
|
|
@@ -11,7 +10,6 @@ export interface DayProps {
|
|
|
11
10
|
lastWeek?: string;
|
|
12
11
|
sameElse?: string;
|
|
13
12
|
};
|
|
14
|
-
appType?: GiftedChatAppType;
|
|
15
13
|
}
|
|
16
14
|
export declare const Day: React.NamedExoticComponent<DayProps>;
|
|
17
15
|
export default Day;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),a=require("../../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),a=require("../../../constants/Theme.js"),s=require("../../TypographyStyle.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n=>{let{createdAt:o,dateFormat:i="D MMMM YY",dateFormatCalendar:l}=n;const d=r.useMemo((()=>{if(null==o)return null;const e=t.startOfDay(new Date);let r;if("number"==typeof o)r=t.startOfDay(new Date(o));else if(o instanceof Date)r=t.startOfDay(o);else{if("string"!=typeof o)return null;r=t.startOfDay(new Date(o))}if(!t.isSameYear(e,r))return t.format(r,"EEEE, d MMMM yy");const a=t.differenceInDays(e,r);return a<1?(null==l?void 0:l.sameDay)?l.sameDay.replace(/\[|\]/g,""):"Today":1===a?"Yesterday":t.format(r,"EEEE, d MMMM yy")}),[o,i,l]);return d?e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}}),e.jsx("div",Object.assign({style:{border:`1px solid ${a.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:e.jsx(s.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:d}))})),e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}})]})):null},i=n(r).default.memo(o);exports.Day=i,exports.default=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),n=require("../../TypographyStyle.js"),a=require("./Day.js"),l=require("./messageHelpers.js"),o=require("./scrollHooks.js"),d=require("./types.js"),u=require("./utils.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=c(s);const v=(c,v)=>{var h;const p=c||{},{messages:b=[],user:f,renderBubble:m,renderAvatar:y,renderDay:j,renderLoading:x,renderChatEmpty:O,listViewProps:S={},renderAvatarOnTop:A=!1,showUserAvatar:C=!1,showAvatarForEveryMessage:M=!1,inverted:T=!1,messageIdGenerator:w,topThreshold:R=u.TOP_THRESHOLD,apptype:_}=p,E=e.__rest(p,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","apptype"]),L=i.useWindowSize(),k=s.useRef(null),q=u.normalizeRef(S.ref||v,k),H=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(h=null==b?void 0:b.length)&&void 0!==h?h:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),I=s.useMemo((()=>b&&0!==b.length?[...b].reverse():[]),[b]),P=o.useScrollToBottom(q,H);s.useImperativeHandle(v,(()=>q.current)),o.useInitialMountScroll(q,H,I.length,P),o.useScrollCleanup(H),o.useRestoreScrollPosition(q,H,I.length),o.useAutoScrollOnNewMessages(q,H,b.length,P),o.useResizeObserverForFirstMessage(null==b?void 0:b[0],H,P,w);const B=o.useScrollHandler(H,S.onEndReached,S.onScroll,R),D=s.useCallback((e=>{var r;return Boolean(e&&f&&(null===(r=e.user)||void 0===r?void 0:r._id)===f._id)}),[f]),F=s.useCallback(((e,r)=>!!C&&(!!M||(!r||r.user._id!==e.user._id))),[C,M]),N=s.useCallback(((e,s,i)=>{const a=D(e)?"right":"left",l=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:a,user:f},E);return m?m(l):r.jsx("div",Object.assign({style:Object.assign(Object.assign({maxWidth:"manifest"===_?"50%":"70%",width:"fit-content"},"manifest"===_?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:"manifest"===_?16:4,border:"left"===a&&"manifest"===_?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===a?"manifest"===_?t.COLORS.background.lightbrand:t.COLORS.background.brandLight:"manifest"===_?t.COLORS.background.white:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"})},{children:r.jsx(n.BodySecondary,{children:e.text})}))}),[D,f,m,E]),G=s.useCallback(((e,r,s)=>{if(!F(e,s))return null;const t=D(e)?"right":"left";return y?y({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:f,renderAvatarOnTop:A,showUserAvatar:C,showAvatarForEveryMessage:M}):null}),[F,D,f,A,C,M,y]);return b&&0!==b.length?r.jsxs("div",Object.assign({ref:q,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},S.style),onScroll:B},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:I.map(((e,s)=>{var t,i,n,o,c;const v=D(e)?"right":"left",h=I[s-1],p=I[s+1],b=!u.isSameDay(e,h),f=l.getMessagePlacement(e,v),m=l.shouldCenterAlign(e),y=(null==e?void 0:e.channelId)===d.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===d.MESSAGE_CHANNELS.SMTP,x=e.category===u.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===u.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(g.default.Fragment,{children:[b&&(j?j({createdAt:e.createdAt}):r.jsx(a.Day,{createdAt:e.createdAt})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L?{margin:"0 4px"}:{}),m?{}:{display:"flex"}),L||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}),y&&!x&&L?{marginLeft:8,marginRight:8}:{}),{justifyContent:f,marginBottom:8})},{children:[!L&&"left"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:G(e,h,p)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(i=e._id)&&void 0!==i?i:`${s}-${null!==(n=null==w?void 0:w())&&void 0!==n?n:"id"}`}`,style:L&&y?{display:"flex",flexGrow:1}:{}},{children:N(e,h,p)})),!L&&"right"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:G(e,h,p)}))]}))]},null!==(o=e._id)&&void 0!==o?o:`${s}-${null!==(c=null==w?void 0:w())&&void 0!==c?c:"id"}`)}))}))]})):O?r.jsx(r.Fragment,{children:O()}):null};var h=s.forwardRef(v);exports.default=h;
|
|
@@ -1,136 +1,78 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BubbleProps
|
|
2
|
+
import { BubbleProps } from '../Bubble/types';
|
|
3
3
|
import { IMessage, LeftRightStyle, User } from '../types';
|
|
4
4
|
export interface ListViewProps {
|
|
5
|
-
/** Custom styles for the container. */
|
|
6
5
|
style?: React.CSSProperties;
|
|
7
|
-
/** Callback when end of list is reached. */
|
|
8
6
|
onEndReached?: () => void;
|
|
9
|
-
/** Threshold for triggering end reached. */
|
|
10
7
|
onEndReachedThreshold?: number;
|
|
11
|
-
/** Scroll event handler. */
|
|
12
8
|
onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
|
|
13
|
-
/** Ref for the scrollable container. */
|
|
14
9
|
ref?: React.RefObject<HTMLDivElement> | React.MutableRefObject<HTMLDivElement | null>;
|
|
15
10
|
}
|
|
16
11
|
export interface AvatarProps<TMessage extends IMessage = IMessage> {
|
|
17
|
-
/** The current message for the avatar. */
|
|
18
12
|
currentMessage: TMessage;
|
|
19
|
-
/** The previous message. */
|
|
20
13
|
previousMessage?: TMessage;
|
|
21
|
-
/** The next message. */
|
|
22
14
|
nextMessage?: TMessage;
|
|
23
|
-
/** Position of the avatar ('left' or 'right'). */
|
|
24
15
|
position: 'left' | 'right';
|
|
25
|
-
/** The user object. */
|
|
26
16
|
user: User;
|
|
27
|
-
/** Whether to render avatar on top. */
|
|
28
17
|
renderAvatarOnTop?: boolean;
|
|
29
|
-
/** Whether to show user avatar. */
|
|
30
18
|
showUserAvatar?: boolean;
|
|
31
|
-
/** Show avatar for every message. */
|
|
32
19
|
showAvatarForEveryMessage?: boolean;
|
|
33
|
-
/** Custom styles for avatar image. */
|
|
34
20
|
imageStyle?: LeftRightStyle<React.CSSProperties>;
|
|
35
|
-
/** Custom styles for avatar container. */
|
|
36
21
|
containerStyle?: LeftRightStyle<React.CSSProperties>;
|
|
37
22
|
[key: string]: any;
|
|
38
23
|
}
|
|
39
24
|
export interface DayProps {
|
|
40
|
-
/** Date/time for the separator. */
|
|
41
25
|
createdAt?: Date | number | string;
|
|
42
|
-
/** Format for displaying the date. */
|
|
43
26
|
dateFormat?: string;
|
|
44
|
-
/** Calendar format options. */
|
|
45
27
|
dateFormatCalendar?: {
|
|
46
|
-
/** Format for same day. */
|
|
47
28
|
sameDay?: string;
|
|
48
|
-
/** Format for next day. */
|
|
49
29
|
nextDay?: string;
|
|
50
|
-
/** Format for next week. */
|
|
51
30
|
nextWeek?: string;
|
|
52
|
-
/** Format for last day. */
|
|
53
31
|
lastDay?: string;
|
|
54
|
-
/** Format for last week. */
|
|
55
32
|
lastWeek?: string;
|
|
56
|
-
/** Format for other days. */
|
|
57
33
|
sameElse?: string;
|
|
58
34
|
};
|
|
59
35
|
}
|
|
60
36
|
export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
|
|
61
|
-
/** Array of chat messages. */
|
|
62
37
|
messages: TMessage[];
|
|
63
|
-
/** The current user object. */
|
|
64
38
|
user: User;
|
|
65
|
-
/** Custom bubble renderer. */
|
|
66
39
|
renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
|
|
67
|
-
/** Custom avatar renderer. */
|
|
68
40
|
renderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;
|
|
69
|
-
/** Custom day separator renderer. */
|
|
70
41
|
renderDay?: (props: DayProps) => React.ReactNode;
|
|
71
|
-
/** Custom loading renderer. */
|
|
72
42
|
renderLoading?: () => React.ReactNode;
|
|
73
|
-
/** Custom empty chat renderer. */
|
|
74
43
|
renderChatEmpty?: () => React.ReactNode;
|
|
75
|
-
/** Props for the scrollable list view. */
|
|
76
44
|
listViewProps?: ListViewProps;
|
|
77
|
-
/** Scroll threshold for loading old messages. */
|
|
78
45
|
topThreshold?: number;
|
|
79
|
-
/** Whether to render avatar on top. */
|
|
80
46
|
renderAvatarOnTop?: boolean;
|
|
81
|
-
/** Whether to show user avatar. */
|
|
82
47
|
showUserAvatar?: boolean;
|
|
83
|
-
/** Show avatar for every message. */
|
|
84
48
|
showAvatarForEveryMessage?: boolean;
|
|
85
|
-
/** Whether to invert the message list. */
|
|
86
49
|
inverted?: boolean;
|
|
87
|
-
/** Handler for long press on message. */
|
|
88
50
|
onLongPress?: (context?: any, message?: TMessage) => void;
|
|
89
|
-
/** Handler for press on message. */
|
|
90
51
|
onPress?: (context?: any, message?: TMessage) => void;
|
|
91
|
-
/** Function to generate message IDs. */
|
|
92
52
|
messageIdGenerator?: (message?: TMessage) => string;
|
|
93
|
-
|
|
53
|
+
apptype?: string;
|
|
94
54
|
[key: string]: any;
|
|
95
55
|
}
|
|
96
56
|
export interface ScrollState {
|
|
97
|
-
/** Is initial mount of the component. */
|
|
98
57
|
isInitialMount: boolean;
|
|
99
|
-
/** Is user currently scrolling. */
|
|
100
58
|
isUserScrolling: boolean;
|
|
101
|
-
/** Is loading old messages. */
|
|
102
59
|
isLoadingOldMessages: boolean;
|
|
103
|
-
/** Is scroll at bottom. */
|
|
104
60
|
isAtBottom: boolean;
|
|
105
|
-
/** Has end reached been triggered. */
|
|
106
61
|
hasTriggeredEndReached: boolean;
|
|
107
|
-
/** Last known messages length. */
|
|
108
62
|
lastMessagesLength: number;
|
|
109
|
-
/** Previous scroll height. */
|
|
110
63
|
previousScrollHeight: number;
|
|
111
|
-
/** Previous scroll top position. */
|
|
112
64
|
previousScrollTop: number;
|
|
113
|
-
/** Debounce timer for scroll events. */
|
|
114
65
|
scrollTimeout: number | null;
|
|
115
66
|
}
|
|
116
67
|
export declare enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {
|
|
117
|
-
/** User is calling another user. */
|
|
118
68
|
CALLING_CALL = "CALLING_CALL",
|
|
119
|
-
/** Call is ringing for the recipient. */
|
|
120
69
|
RINGING_CALL = "RINGING_CALL",
|
|
121
|
-
/** Call is ongoing between users. */
|
|
122
70
|
ONGOING_CALL = "ONGOING_CALL",
|
|
123
|
-
/** Call has been completed. */
|
|
124
71
|
COMPLETED_CALL = "COMPLETED_CALL",
|
|
125
|
-
/** Call was missed by the recipient. */
|
|
126
72
|
MISSED_CALL = "MISSED_CALL",
|
|
127
|
-
/** Callback was requested. */
|
|
128
73
|
REQUESTED_CALLBACK = "REQUESTED_CALLBACK",
|
|
129
|
-
/** Call was declined by the recipient. */
|
|
130
74
|
DECLINED_CALL = "DECLINED_CALL",
|
|
131
|
-
/** Call was disconnected. */
|
|
132
75
|
DISCONNECTED_CALL = "DISCONNECTED_CALL",
|
|
133
|
-
/** Call was unanswered. */
|
|
134
76
|
UNANSWERED_CALL = "UNANSWERED_CALL"
|
|
135
77
|
}
|
|
136
78
|
export declare const enum MESSAGE_CHANNELS {
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
interface customStyles {
|
|
2
|
-
fontWeight?: number;
|
|
3
|
-
fontSize?: number;
|
|
4
|
-
width?: number;
|
|
5
|
-
}
|
|
6
1
|
export declare const TitleXlarge: import("styled-components").StyledComponent<"div", any, {
|
|
7
2
|
numberOfLines?: number | undefined;
|
|
8
3
|
color?: string | undefined;
|
|
@@ -42,7 +37,6 @@ export declare const BodyPrimary: import("styled-components").StyledComponent<"d
|
|
|
42
37
|
export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {
|
|
43
38
|
numberOfLines?: number | undefined;
|
|
44
39
|
color?: string | undefined;
|
|
45
|
-
customStyles?: customStyles | undefined;
|
|
46
40
|
}, never>;
|
|
47
41
|
export declare const ButtonRegularAI: import("styled-components").StyledComponent<"div", any, {
|
|
48
42
|
numberOfLines?: number | undefined;
|
|
@@ -56,7 +50,6 @@ export declare const BodyPrimaryLink: import("styled-components").StyledComponen
|
|
|
56
50
|
export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {
|
|
57
51
|
numberOfLines?: number | undefined;
|
|
58
52
|
color?: string | undefined;
|
|
59
|
-
customStyles?: customStyles | undefined;
|
|
60
53
|
}, never>;
|
|
61
54
|
export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {
|
|
62
55
|
numberOfLines?: number | undefined;
|
|
@@ -118,4 +111,3 @@ export declare const Tiny: import("styled-components").StyledComponent<"div", an
|
|
|
118
111
|
numberOfLines?: number | undefined;
|
|
119
112
|
color?: string | undefined;
|
|
120
113
|
}, never>;
|
|
121
|
-
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=e=>
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=e=>e+"px",l=o.default.div`
|
|
2
2
|
font-family: Inter;
|
|
3
3
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
4
4
|
font-weight: ${t.FONTS.titleXLarge.fontWeight};
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
overflow: hidden;
|
|
79
79
|
display: -webkit-box;
|
|
80
80
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
81
|
-
`,
|
|
81
|
+
`,g=o.default.div`
|
|
82
82
|
font-family: Inter;
|
|
83
83
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
84
84
|
font-weight: ${t.FONTS.bodyPrimary.fontWeight};
|
|
@@ -88,12 +88,11 @@
|
|
|
88
88
|
overflow: hidden;
|
|
89
89
|
display: -webkit-box;
|
|
90
90
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
91
|
-
`,
|
|
91
|
+
`,h=o.default.div`
|
|
92
92
|
font-family: Inter;
|
|
93
|
-
width: ${e=>{var t;return n(null===(t=e.customStyles)||void 0===t?void 0:t.width)}};
|
|
94
93
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
95
|
-
font-weight: ${
|
|
96
|
-
font-size: ${
|
|
94
|
+
font-weight: ${t.FONTS.bodySecondary.fontWeight};
|
|
95
|
+
font-size: ${n(t.FONTS.bodySecondary.fontSize)};
|
|
97
96
|
line-height: ${n(t.FONTS.bodySecondary.lineHeight)};
|
|
98
97
|
-webkit-box-orient: vertical;
|
|
99
98
|
overflow: hidden;
|
|
@@ -115,12 +114,12 @@
|
|
|
115
114
|
-webkit-text-fill-color: transparent;
|
|
116
115
|
background-clip: text;
|
|
117
116
|
text-fill-color: transparent;
|
|
118
|
-
`,p=o.default(
|
|
117
|
+
`,p=o.default(g)`
|
|
119
118
|
text-decoration: underline;
|
|
120
119
|
color: ${t.COLORS.content.brand};
|
|
121
120
|
text-decoration-color: ${t.COLORS.content.brand};
|
|
122
121
|
cursor: pointer;
|
|
123
|
-
`,w=o.default(
|
|
122
|
+
`,w=o.default(h)`
|
|
124
123
|
text-decoration: underline;
|
|
125
124
|
color: ${t.COLORS.content.brand};
|
|
126
125
|
text-decoration-color: ${t.COLORS.content.brand};
|
|
@@ -137,7 +136,7 @@
|
|
|
137
136
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
138
137
|
word-break: break-word;
|
|
139
138
|
overflow-wrap: break-word;
|
|
140
|
-
`,
|
|
139
|
+
`,x=o.default.div`
|
|
141
140
|
font-family: Inter;
|
|
142
141
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
143
142
|
font-weight: ${t.FONTS.caption.fontWeight};
|
|
@@ -153,7 +152,7 @@
|
|
|
153
152
|
-webkit-text-fill-color: transparent;
|
|
154
153
|
background-clip: text;
|
|
155
154
|
text-fill-color: transparent;
|
|
156
|
-
|
|
155
|
+
`,$=o.default.div`
|
|
157
156
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
158
157
|
font-weight: ${t.FONTS.tiny.fontWeight};
|
|
159
158
|
font-size: ${n(t.FONTS.tiny.fontSize)};
|
|
@@ -162,7 +161,7 @@
|
|
|
162
161
|
overflow: hidden;
|
|
163
162
|
display: -webkit-box;
|
|
164
163
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
165
|
-
|
|
164
|
+
`,s=o.default.div`
|
|
166
165
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
167
166
|
font-weight: ${t.FONTS.tiny.fontWeight};
|
|
168
167
|
font-size: ${n(t.FONTS.tiny.fontSize)};
|
|
@@ -213,7 +212,7 @@
|
|
|
213
212
|
overflow: hidden;
|
|
214
213
|
display: -webkit-box;
|
|
215
214
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
216
|
-
`,
|
|
215
|
+
`,T=o.default.div`
|
|
217
216
|
font-family: Inter;
|
|
218
217
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
219
218
|
font-weight: ${t.FONTS.subHeading.fontWeight};
|
|
@@ -223,7 +222,7 @@
|
|
|
223
222
|
overflow: hidden;
|
|
224
223
|
display: -webkit-box;
|
|
225
224
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
226
|
-
`,
|
|
225
|
+
`,v=o.default.div`
|
|
227
226
|
font-family: Inter;
|
|
228
227
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
229
228
|
font-weight: ${t.FONTS.bodyRegular.fontWeight};
|
|
@@ -293,4 +292,4 @@
|
|
|
293
292
|
overflow: hidden;
|
|
294
293
|
display: -webkit-box;
|
|
295
294
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
296
|
-
`;exports.AiBodyCaption=
|
|
295
|
+
`;exports.AiBodyCaption=x,exports.AiBodyTiny=s,exports.BodyCaption=y,exports.BodyLarge=O,exports.BodyPrimary=g,exports.BodyPrimaryLink=p,exports.BodyRegular=v,exports.BodySecondary=h,exports.BodySecondaryLink=w,exports.BodySmall=z,exports.BodyTiny=$,exports.ButtonLarge=m,exports.ButtonLargeAI=u,exports.ButtonRegular=k,exports.ButtonRegularAI=S,exports.Caption=F,exports.CaptionBold=R,exports.Display=c,exports.SmallRegular=f,exports.SubHeading=T,exports.TextPlaceholder=N,exports.Tiny=C,exports.TitleFour=L,exports.TitleLarge=r,exports.TitleMedium=a,exports.TitleRegular=d,exports.TitleSmall=b,exports.TitleXlarge=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),o=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:P,cardIndex:R}=o.useTemplateModalContext(),g=-1==R?a.determineCardIndex(l):R,I=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[g])||void 0===h?void 0:h.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxs(s.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:C},{children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),S]}))})),p=r=>{let{cards:l,cardCount:o,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(s.CarouselSlickContainer,Object.assign({cardCount:o,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1)},{children:e.jsx(c.default,Object.assign({ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d})},{children:null==l?void 0:l.map(((r,l)=>{var s,o;const a={components:r.components,mapping:null===(o=null===(s=null==p?void 0:p.mapping)||void 0===s?void 0:s.cards)||void 0===o?void 0:o[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))}))}))};exports.CarouselPreview=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./MenuItem.js"),s=require("./MenuList.styled.js");const r=n.forwardRef(((r,o)=>{let{options:i,isMultiSelect:c,showDescription:l,onSelect:u,version:a,onInfiniteScroll:d,onDropdownItemClick:p,useDefaultCursor:f,focusedIndex:j=-1}=r;const b=n.useRef(null),x=n.useRef(null),g=n.useCallback((()=>{b.current&&b.current.disconnect(),b.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==d||d())})),x.current&&b.current.observe(x.current)}),[d]);n.useEffect((()=>(g(),()=>{b.current&&b.current.disconnect()})),[g,i]);const I=new Map;let h=-1;return i.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(h++,I.set(e,h))}));else{const n=e;n.disabled||(h++,I.set(n,h))}})),e.jsx(e.Fragment,{children:i.map(((n,r)=>{const d=r===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(s.StyledGroupedLabel,Object.assign({version:a},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,s)=>{const d=I.get(n),b=d===j&&!n.disabled;return e.jsx(t.MenuItem,{version:a,last:s===i.options.length-1,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:n,useDefaultCursor:f,isFocused:b,dataIndex:d,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[r]=e)}},`${r}-${s}`)})),d?e.jsx("span",{ref:x}):null]}),r)}const b=n,g=I.get(b),h=g===j&&!b.disabled;return e.jsxs("div",{children:[e.jsx(t.MenuItem,{version:a,last:d,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:b,useDefaultCursor:f,isFocused:h,dataIndex:g,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[r]=e)}},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./MenuItem.js"),s=require("./MenuList.styled.js");const r=n.forwardRef(((r,o)=>{let{options:i,isMultiSelect:c,showDescription:l,onSelect:u,version:a,onInfiniteScroll:d,onDropdownItemClick:p,useDefaultCursor:f,focusedIndex:j=-1}=r;const b=n.useRef(null),x=n.useRef(null),g=n.useCallback((()=>{b.current&&b.current.disconnect(),b.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==d||d())})),x.current&&b.current.observe(x.current)}),[d]);n.useEffect((()=>(g(),()=>{b.current&&b.current.disconnect()})),[g,i]);const I=new Map;let h=-1;return i.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(h++,I.set(e,h))}));else{const n=e;n.disabled||(h++,I.set(n,h))}})),e.jsx(e.Fragment,{children:i.map(((n,r)=>{const d=r===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(s.StyledGroupedLabel,Object.assign({version:a},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,s)=>{const d=I.get(n),b=d===j&&!n.disabled;return e.jsx(t.MenuItem,{version:a,last:s===i.options.length-1,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:n,useDefaultCursor:f,isFocused:b,dataIndex:d,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[r]=e)}},`${r}-${s}`)})),d?e.jsx("span",{ref:x}):null]}),r)}const b=n,g=I.get(b),h=g===j&&!b.disabled;return e.jsxs("div",{children:[e.jsx(t.MenuItem,{version:a,last:d,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:b,useDefaultCursor:f,isFocused:h,dataIndex:g,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[r]=e)}},r),d?e.jsx("span",{ref:x}):null]},r)}))})}));exports.MenuList=r;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Variant } from './ListItem';
|
|
2
2
|
export declare function getColor(variant: Variant): string;
|
|
3
|
-
export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("@emotion/
|
|
3
|
+
export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("@emotion/utils").SerializedStyles;
|
package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),l=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),o=require("../../../assets/icons/PlusIcon.js"),r=require("lodash"),a=require("react"),s=require("../../button/Button.js"),d=require("../../icon-button/IconButton.js"),c=require("../../product-picker-v2/modal.js"),u=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),v=require("../context/templateModalContext.js"),h=require("./EditWhatsAppTemplateV2.js"),m=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var g=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var y=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),l=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),o=require("../../../assets/icons/PlusIcon.js"),r=require("lodash"),a=require("react"),s=require("../../button/Button.js"),d=require("../../icon-button/IconButton.js"),c=require("../../product-picker-v2/modal.js"),u=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),v=require("../context/templateModalContext.js"),h=require("./EditWhatsAppTemplateV2.js"),m=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var g=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var y=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var j=require("../../template-preview/helpers/templateMiscHelper.js"),x=require("../../TypographyStyle.js");exports.default=f=>{let{template:b,whatsappSpecificPickerMeta:C,showVariableModal:O,variableListForImage:I,discountCode:S,setDiscountCode:k}=f;var q,w,P,T,B,L,R,E;const{selectedCarouselIndex:M,setTemplate:A,pickerConf:D,isProductCarouselType:F,pod:V,cardCount:W,carouselProducts:N,setCarouselProducts:$,isError:_,cardImages:z,disableEditVariable:G,onDeleteSelectedProducts:H,setSelectedCarouselIndex:K,setVariableCallback:J,setShowVariablePicker:Q,sliderRef:U}=v.useTemplateModalContext(),[X,Y]=a.useState(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(w=null===(q=null==b?void 0:b.mapping)||void 0===q?void 0:q.body)||void 0===w?void 0:w.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(T=null===(P=null==b?void 0:b.mapping)||void 0===P?void 0:P.body)||void 0===T?void 0:T.length)?"(Step 2/2)":"")),[Z,ee]=a.useState(!1),[te,le]=a.useState(!1),ne=M===(null!=W?W:-1)-1,ie=(null!=M?M:-1)<1;a.useEffect((()=>{var e,t,l,n;Y(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(t=null===(e=null==b?void 0:b.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(l=null==b?void 0:b.mapping)||void 0===l?void 0:l.body)||void 0===n?void 0:n.length)?"(Step 2/2)":""))}),[M]);const oe=e=>{null==$||$([{name:"variable",productName:e.actualValue}])};return a.useEffect((()=>{-1===M&&j.isRCSChannel(null==b?void 0:b.channel)&&(null==K||K(0))}),[M,null==b?void 0:b.channel]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j.isRCSChannel(null==b?void 0:b.channel)&&null!=M&&M>=0&&!!(null===(L=null===(B=null==b?void 0:b.mapping)||void 0===B?void 0:B.body)||void 0===L?void 0:L.length)&&e.jsx(d.IconButton,{Icon:l.default,onClick:()=>{null==K||K(-1)}}),e.jsx(x.TitleMedium,Object.assign({style:{marginLeft:10}},{children:X}))]})),F&&(null!==(R=null==N?void 0:N.length)&&void 0!==R?R:0)>0&&null!=M&&M>=0&&e.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsx(m.ProductBox,{editItem:()=>{1===(null==N?void 0:N.length)&&"variable"===N[0].name?(J((()=>oe)),Q(!0)):ee(!Z)},cardBody:1===(null==N?void 0:N.length)&&"variable"===N[0].name?`${N[0].productName}`:`${null==N?void 0:N.length} Products Selected`,hideIcon:1===(null==N?void 0:N.length)&&"variable"===N[0].name,deleteItem:()=>{var e;if(1===(null==N?void 0:N.length)&&"variable"===N[0].name)return void(null==$||$([]));const t=r.cloneDeep(Object.assign({},b));t&&(z&&z.length>0?null==z||z.forEach(((e,l)=>{var n;t.components[1].cards[l].components[0].example.header_handle=[null!==(n=z[l])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==A||A(t)),null==$||$([]),null==H||H()}}),N&&(null==N?void 0:N.length)>0&&"variable"!=N[0].name&&e.jsx(s.Button,{disabled:(null!==(E=null==N?void 0:N.length)&&void 0!==E?E:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{le(!0),ee(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!G&&F&&0===(null==N?void 0:N.length)&&null!=M&&M>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsx(x.TitleRegular,{children:"Product(s)"}),e.jsx(x.BodySecondary,{children:`Select ${null!=W?W:1} products`})]})),e.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:_?16:12,marginRight:_?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsx(s.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:_?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})})),onClick:e=>{ee(!0)}}),V===y.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(x.BodyCaption,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsx(s.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:_?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})})),onClick:e=>{J((()=>oe)),Q(!0)}})]})]})),_&&e.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})}))]}),!F&&(null!=M?M:-1)>-1&&e.jsxs("div",Object.assign({style:{display:"flex",background:g.COLORS.surface.hovered,alignItems:"center"}},{children:[e.jsx(d.IconButton,{Icon:n.default,disabled:ie,width:8,height:14,svgStyle:ie?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)||void 0===e||e.slickPrev(),(null!=M?M:-1)<1||null==K||K((e=>e-1))}}),e.jsx(x.TitleRegular,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:g.COLORS.content.secondary},{children:`Card ${(null!=M?M:0)+1}/${W}`})),e.jsx(d.IconButton,{Icon:i.default,width:8,height:14,disabled:ne,svgStyle:ne?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)||void 0===e||e.slickNext(),(null!=M?M:-1)>=(null!=W?W:-1)-1||null==K||K((e=>e+1))}})]})),e.jsx(h.default,{whatsappSpecificPickerMeta:C,template:b,onTemplateChange:e=>{null==A||A(e)},showVariableModal:O,variableListForImage:I,discountCode:S,setDiscountCode:k}),Z&&D&&e.jsx(c.ProductPickerModal,{zIndex:200,startupScreen:te?u.ScreenName.RearrangeProducts:u.ScreenName.Collections,rearrangeEnabled:!0,storeId:D.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,n=l.productId,i=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in t[e].products||(t[e].products[n]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[n].variants[i]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=N?N:[]),collectionFetcher:D.fetchCollections,productFetcher:D.fetchProducts,onAdd:(e,t)=>{var l,n,i,o,a,s;le(!1);const d=[];delete e.isCustom;for(const t of Object.keys(e)){const r=e[t].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:v,quantity:h,displayOrder:m}=c[u],g={name:p,image:null!==(n=null!=v?v:null===(l=r[e])||void 0===l?void 0:l.image)&&void 0!==n?n:"",quantity:h,variantId:u,productId:e,displayOrder:m,collectionId:t,productName:null!==(o=null===(i=r[e])||void 0===i?void 0:i.name)&&void 0!==o?o:"",productImage:null!==(s=null===(a=r[e])||void 0===a?void 0:a.image)&&void 0!==s?s:""};d.push(g)}}}const c=d.sort(((e,t)=>e.displayOrder-t.displayOrder)),u=d.map((e=>e.image)),p=r.cloneDeep(Object.assign({},b));p&&(u.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==z?void 0:z[t])&&void 0!==l?l:""]})),null==A||A(p)),null==$||$(c),ee(!1)},searchInCollectionFetcher:D.searchInCollection,searchFetcher:D.searchProducts,visible:Z,onClose:()=>{ee(!1)},exactLimit:null!=W?W:1,appType:D.appType||t.ApplicationType.BIK})]}))};
|
|
@@ -11,8 +11,6 @@ export type ToasterProps = {
|
|
|
11
11
|
subText?: string;
|
|
12
12
|
position?: ToastPosition;
|
|
13
13
|
type?: 'info' | 'success' | 'error' | 'default' | 'warning';
|
|
14
|
-
duration?: number;
|
|
15
|
-
blocking?: boolean;
|
|
16
14
|
closeOnClick?: boolean;
|
|
17
15
|
hideProgressBar?: boolean;
|
|
18
16
|
autoClose?: number | false | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),l=require("react"),r=require("react-dom"),u=require("react-toastify"),d=require("../button/Button.js"),c=require("./Toaster.styled.js"),a=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(l),y=h(r);const v=o=>{const e=(o.type,x.COLORS.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n.default,{height:20,width:20,color:e})}))},g=o=>{var e,n;const s=x.COLORS.content.placeholder,{toasterText:i}=l.useContext(f);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(a.TitleSmall,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(a.BodySecondary,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(a.BodyCaption,Object.assign({color:x.COLORS.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(d.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(d.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},f=p.default.createContext({toasterText:""});exports.Toaster=n=>{const r=l.useRef(n.toastId||"default-toast"),[d,a]=l.useState(n.text),h=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});l.useEffect((()=>{r.current&&r.current===n.toastId?(a(n.text),u.toast.update(r.current,{autoClose:n.autoClose})):r.current&&r.current!==n.toastId&&b(n.text)}),[n.toastId,n.text]);const b=o=>{var e,s,i,l,d,c,a,x,y,f,b,j,T,B,C,w;void 0!==n.hideLeftIcon||n.leftIcon?u.toast(t.jsx(g,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(l=n.secondButtonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p}))),type:n.type,closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(a=n.buttonProps)||void 0===a?void 0:a.showButton)||(null===(x=n.secondButtonProps)||void 0===x?void 0:x.showButton))}),toastId:n.toastId||"default-toast",transition:h}):r.current=u.toast(t.jsx(g,{toastText:o,type:n.type||"info",buttonText:null===(y=n.buttonProps)||void 0===y?void 0:y.buttonText,secondButtonText:null===(f=n.secondButtonProps)||void 0===f?void 0:f.buttonText,showButton:null===(b=n.buttonProps)||void 0===b?void 0:b.showButton,showSecondButton:null===(j=n.secondButtonProps)||void 0===j?void 0:j.showButton,onButtonClick:null===(T=n.buttonProps)||void 0===T?void 0:T.onButtonClick,onSecondButtonClick:null===(B=n.secondButtonProps)||void 0===B?void 0:B.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p})),closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(C=n.buttonProps)||void 0===C?void 0:C.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:h})};return l.useEffect((()=>{b()}),[]),y.default.createPortal(t.jsx(c.ToasterStyled,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(f.Provider,Object.assign({value:{toasterText:d}},{children:t.jsx(u.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),l=require("../../constants/zindex.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=d(c).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||l.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=b;
|
|
@@ -3,7 +3,6 @@ export declare const BASE_COLORS: {
|
|
|
3
3
|
900: string;
|
|
4
4
|
800: string;
|
|
5
5
|
500: string;
|
|
6
|
-
100: string;
|
|
7
6
|
50: string;
|
|
8
7
|
10: string;
|
|
9
8
|
};
|
|
@@ -52,8 +51,6 @@ export declare const COLORS: {
|
|
|
52
51
|
brand: string;
|
|
53
52
|
brandLight: string;
|
|
54
53
|
brandVeryLight: string;
|
|
55
|
-
pureWhite: string;
|
|
56
|
-
brandTint: string;
|
|
57
54
|
negative: {
|
|
58
55
|
vibrant: string;
|
|
59
56
|
light: string;
|
|
@@ -345,8 +342,6 @@ export declare const DEFAULT_THEME: {
|
|
|
345
342
|
brand: string;
|
|
346
343
|
brandLight: string;
|
|
347
344
|
brandVeryLight: string;
|
|
348
|
-
pureWhite: string;
|
|
349
|
-
brandTint: string;
|
|
350
345
|
negative: {
|
|
351
346
|
vibrant: string;
|
|
352
347
|
light: string;
|