@sendbird/uikit-react-native-foundation 3.1.1 → 3.2.0

package/lib/module/theme/DarkUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundDark01","textEdited","onBackgroundDark02","textTime","onBackgroundDark03","textSenderName","background","background400","pressed","primary500","outgoing","onBackgroundLight01","onBackgroundLight02","transparent","primary200","primary300","primary","secondary","secondary200","error","error200","background600","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background700","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    const groupChannelMessage = {\n      incoming: {\n        enabled: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.background400,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.primary500,\n        },\n      },\n      outgoing: {\n        enabled: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary200,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary300,\n        },\n      },\n    };\n\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        message: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.background400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.primary500,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary200,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundLight01,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundLight01,\n              sendIconBackground: palette.primary200,\n              progressTrack: palette.primary200,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundDark03,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundDark04,\n              sendIconBackground: palette.background500,\n              progressTrack: palette.background400,\n              recording: palette.error200,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}

package/lib/module/theme/LightUIKitTheme.js

@@ -2,40 +2,6 @@ import createTheme from './createTheme';
 const LightUIKitTheme = createTheme({
   colorScheme: 'light',
   colors: palette => {
-    const groupChannelMessage = {
-      incoming: {
-        enabled: {
-          textMsg: palette.onBackgroundLight01,
-          textEdited: palette.onBackgroundLight02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.onBackgroundLight02,
-          background: palette.background100
-        },
-        pressed: {
-          textMsg: palette.onBackgroundLight01,
-          textEdited: palette.onBackgroundLight02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.onBackgroundLight02,
-          background: palette.primary100
-        }
-      },
-      outgoing: {
-        enabled: {
-          textMsg: palette.onBackgroundDark01,
-          textEdited: palette.onBackgroundDark02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.transparent,
-          background: palette.primary300
-        },
-        pressed: {
-          textMsg: palette.onBackgroundDark01,
-          textEdited: palette.onBackgroundDark02,
-          textTime: palette.onBackgroundLight03,
-          textSenderName: palette.transparent,
-          background: palette.primary400
-        }
-      }
-    };
     return {
       primary: palette.primary300,
       secondary: palette.secondary300,
@@ -147,7 +113,6 @@ const LightUIKitTheme = createTheme({
             }
           }
         },
-        message: groupChannelMessage,
         dateSeparator: {
           default: {
             none: {
@@ -156,7 +121,60 @@ const LightUIKitTheme = createTheme({
             }
           }
         },
-        groupChannelMessage,
+        groupChannelMessage: {
+          incoming: {
+            enabled: {
+              textMsg: palette.onBackgroundLight01,
+              textEdited: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.onBackgroundLight02,
+              background: palette.background100,
+              textVoicePlaytime: palette.onBackgroundLight01,
+              voiceSpinner: palette.primary300,
+              voiceProgressTrack: palette.background100,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            },
+            pressed: {
+              textMsg: palette.onBackgroundLight01,
+              textEdited: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.onBackgroundLight02,
+              background: palette.primary100,
+              textVoicePlaytime: palette.onBackgroundLight01,
+              voiceSpinner: palette.primary300,
+              voiceProgressTrack: palette.background100,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            }
+          },
+          outgoing: {
+            enabled: {
+              textMsg: palette.onBackgroundDark01,
+              textEdited: palette.onBackgroundDark02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.transparent,
+              background: palette.primary300,
+              textVoicePlaytime: palette.onBackgroundDark01,
+              voiceSpinner: palette.primary200,
+              voiceProgressTrack: palette.primary300,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            },
+            pressed: {
+              textMsg: palette.onBackgroundDark01,
+              textEdited: palette.onBackgroundDark02,
+              textTime: palette.onBackgroundLight03,
+              textSenderName: palette.transparent,
+              background: palette.primary400,
+              textVoicePlaytime: palette.onBackgroundDark01,
+              voiceSpinner: palette.primary200,
+              voiceProgressTrack: palette.primary300,
+              voiceActionIcon: palette.primary300,
+              voiceActionIconBackground: palette.background50
+            }
+          }
+        },
         groupChannelPreview: {
           default: {
             none: {
@@ -240,6 +258,32 @@ const LightUIKitTheme = createTheme({
               separator: palette.onBackgroundLight04
             }
           }
+        },
+        voiceMessageInput: {
+          default: {
+            active: {
+              textCancel: palette.primary300,
+              textTime: palette.onBackgroundDark01,
+              background: palette.background50,
+              actionIcon: palette.onBackgroundLight01,
+              actionIconBackground: palette.background100,
+              sendIcon: palette.onBackgroundDark01,
+              sendIconBackground: palette.primary300,
+              progressTrack: palette.primary300,
+              recording: palette.error300
+            },
+            inactive: {
+              textCancel: palette.primary300,
+              textTime: palette.onBackgroundLight03,
+              background: palette.background50,
+              actionIcon: palette.onBackgroundLight01,
+              actionIconBackground: palette.background100,
+              sendIcon: palette.onBackgroundLight04,
+              sendIconBackground: palette.background100,
+              progressTrack: palette.background100,
+              recording: palette.error300
+            }
+          }
         }
       }
     };

package/lib/module/theme/LightUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    const groupChannelMessage = {\n      incoming: {\n        enabled: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundLight03,\n          textSenderName: palette.onBackgroundLight02,\n          background: palette.background100,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundLight03,\n          textSenderName: palette.onBackgroundLight02,\n          background: palette.primary100,\n        },\n      },\n      outgoing: {\n        enabled: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundLight03,\n          textSenderName: palette.transparent,\n          background: palette.primary300,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundLight03,\n          textSenderName: palette.transparent,\n          background: palette.primary400,\n        },\n      },\n    };\n\n    return {\n      primary: palette.primary300,\n      secondary: palette.secondary300,\n      error: palette.error300,\n      background: palette.background50,\n      text: palette.onBackgroundLight01,\n      onBackground01: palette.onBackgroundLight01,\n      onBackground02: palette.onBackgroundLight02,\n      onBackground03: palette.onBackgroundLight03,\n      onBackground04: palette.onBackgroundLight04,\n      onBackgroundReverse01: palette.onBackgroundDark01,\n      onBackgroundReverse02: palette.onBackgroundDark02,\n      onBackgroundReverse03: palette.onBackgroundDark03,\n      onBackgroundReverse04: palette.onBackgroundDark04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background50,\n              borderBottom: palette.onBackgroundLight04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary300,\n              content: palette.onBackgroundDark01,\n            },\n            pressed: {\n              background: palette.primary400,\n              content: palette.onBackgroundDark01,\n            },\n            disabled: {\n              background: palette.background100,\n              content: palette.onBackgroundLight04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            pressed: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundLight04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background50,\n              text: palette.onBackgroundLight01,\n              message: palette.onBackgroundLight02,\n              highlight: palette.primary300,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundLight04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.background100,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.background100,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.transparent,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background50,\n              background: palette.primary300,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundLight03,\n              highlight: palette.primary300,\n            },\n          },\n        },\n        message: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textTitleCaption: palette.onBackgroundLight03,\n              textBody: palette.onBackgroundLight03,\n              bodyIcon: palette.onBackgroundLight02,\n              memberCount: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.onBackgroundLight04,\n              bodyIconBackground: palette.background100,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    return {\n      primary: palette.primary300,\n      secondary: palette.secondary300,\n      error: palette.error300,\n      background: palette.background50,\n      text: palette.onBackgroundLight01,\n      onBackground01: palette.onBackgroundLight01,\n      onBackground02: palette.onBackgroundLight02,\n      onBackground03: palette.onBackgroundLight03,\n      onBackground04: palette.onBackgroundLight04,\n      onBackgroundReverse01: palette.onBackgroundDark01,\n      onBackgroundReverse02: palette.onBackgroundDark02,\n      onBackgroundReverse03: palette.onBackgroundDark03,\n      onBackgroundReverse04: palette.onBackgroundDark04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background50,\n              borderBottom: palette.onBackgroundLight04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary300,\n              content: palette.onBackgroundDark01,\n            },\n            pressed: {\n              background: palette.primary400,\n              content: palette.onBackgroundDark01,\n            },\n            disabled: {\n              background: palette.background100,\n              content: palette.onBackgroundLight04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            pressed: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundLight04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background50,\n              text: palette.onBackgroundLight01,\n              message: palette.onBackgroundLight02,\n              highlight: palette.primary300,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundLight04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.background100,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.background100,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.transparent,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background50,\n              background: palette.primary300,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundLight03,\n              highlight: palette.primary300,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.background100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.primary100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textTitleCaption: palette.onBackgroundLight03,\n              textBody: palette.onBackgroundLight03,\n              bodyIcon: palette.onBackgroundLight02,\n              memberCount: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.onBackgroundLight04,\n              bodyIconBackground: palette.background100,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundDark01,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundDark01,\n              sendIconBackground: palette.primary300,\n              progressTrack: palette.primary300,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundLight03,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundLight04,\n              sendIconBackground: palette.background100,\n              progressTrack: palette.background100,\n              recording: palette.error300,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'separator';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview'\n  | 'VoiceMessageInput';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: 'default';\n    VoiceMessageInput: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n    VoiceMessageInput: 'active' | 'inactive';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage:\n      | 'textMsg'\n      | 'textEdited'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textVoicePlaytime'\n      | 'background'\n      | 'voiceSpinner'\n      | 'voiceProgressTrack'\n      | 'voiceActionIcon'\n      | 'voiceActionIconBackground';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'separator';\n    VoiceMessageInput:\n      | 'textCancel'\n      | 'textTime'\n      | 'background'\n      | 'actionIcon'\n      | 'actionIconBackground'\n      | 'sendIcon'\n      | 'sendIconBackground'\n      | 'progressTrack'\n      | 'recording';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n    voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n  };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n  title?: ReactNode;\n  right?: ReactNode;\n  left?: ReactNode;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}

package/lib/module/ui/Avatar/index.js

@@ -69,7 +69,8 @@ const styles = createStyleSheet({
     overflow: 'hidden'
   }
 });
-Avatar.Group = AvatarGroup;
-Avatar.Icon = AvatarIcon;
-export default Avatar;
+export default Object.assign(Avatar, {
+  Group: AvatarGroup,
+  Icon: AvatarIcon
+});
 //# sourceMappingURL=index.js.map

package/lib/module/ui/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","View","conditionChaining","Icon","Image","createStyleSheet","useUIKitTheme","AvatarGroup","AvatarIcon","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","loadFailure","setLoadFailure","createElement","style","styles","container","width","height","borderRadius","backgroundColor","background300","Boolean","onError","source","resizeMode","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","alignItems","justifyContent","overflow","Group"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype SubComponents = {\n  Group: typeof AvatarGroup;\n  Icon: typeof AvatarIcon;\n};\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Avatar: ((props: Props) => JSX.Element) & SubComponents = ({\n  uri,\n  square,\n  muted = false,\n  size = 56,\n  containerStyle,\n}) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nAvatar.Group = AvatarGroup;\nAvatar.Icon = AvatarIcon;\nexport default Avatar;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","StyleSheet","View","conditionChaining","Icon","Image","createStyleSheet","useUIKitTheme","AvatarGroup","AvatarIcon","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","loadFailure","setLoadFailure","createElement","style","styles","container","width","height","borderRadius","backgroundColor","background300","Boolean","onError","source","resizeMode","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","alignItems","justifyContent","overflow","Object","assign","Group"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Avatar = ({ uri, square, muted = false, size = 56, containerStyle }: Props) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nexport default Object.assign(Avatar, {\n  Group: AvatarGroup,\n  Icon: AvatarIcon,\n});\n"],"mappings":"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"}

package/lib/module/ui/BottomSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","width","bottom","left","right","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            disabled={props.disabled}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,OAAOC,KAAK,MAAM,wBAAwB;AAC1C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,WAAW,MAAM,uBAAuB;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAGT,cAAc,EAAE;EACjD,MAAM;IAAEU;EAAM,CAAC,GAAGb,mBAAmB,EAAE;EACvC,MAAM;IAAEc,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGf,iBAAiB,EAAE;EACnD,oBACEH,KAAA,CAAAmB,aAAA,CAACf,KAAK;IACJgB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEX,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBW,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtExB,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACmB,KAAK,EAAE;MAAEV,KAAK;MAAEW,aAAa,EAAEV;IAAO;EAAE,GAClDH,eAAe,iBAAIb,KAAA,CAAAmB,aAAA,CAACN,eAAe;IAACQ,OAAO,EAAEX;EAAO,EAAG,EACvDE,UAAU,CAACe,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpC5B,KAAA,CAAAmB,aAAA,CAAClB,gBAAgB;MACf+B,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEF,KAAK,CAACG,KAAK,GAAGL,GAAI;MACvBJ,KAAK,EAAE;QAAEU,WAAW,EAAElB,IAAI;QAAEmB,YAAY,EAAElB;MAAM,CAAE;MAClDmB,QAAQ,EAAEN,KAAK,CAACM,QAAS;MACzBP,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMpB,MAAM,EAAE;QACd,IAAI;UACFoB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEF9B,KAAA,CAAAmB,aAAA,CAACb,WAAW,CAACgC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAED,eAAexB,WAAW"}
+{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","width","bottom","left","right","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => ReactNode;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            disabled={props.disabled}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,OAAOC,KAAK,MAAM,wBAAwB;AAC1C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,WAAW,MAAM,uBAAuB;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAGT,cAAc,EAAE;EACjD,MAAM;IAAEU;EAAM,CAAC,GAAGb,mBAAmB,EAAE;EACvC,MAAM;IAAEc,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGf,iBAAiB,EAAE;EACnD,oBACEH,KAAA,CAAAmB,aAAA,CAACf,KAAK;IACJgB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEX,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBW,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtExB,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACmB,KAAK,EAAE;MAAEV,KAAK;MAAEW,aAAa,EAAEV;IAAO;EAAE,GAClDH,eAAe,iBAAIb,KAAA,CAAAmB,aAAA,CAACN,eAAe;IAACQ,OAAO,EAAEX;EAAO,EAAG,EACvDE,UAAU,CAACe,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpC5B,KAAA,CAAAmB,aAAA,CAAClB,gBAAgB;MACf+B,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEF,KAAK,CAACG,KAAK,GAAGL,GAAI;MACvBJ,KAAK,EAAE;QAAEU,WAAW,EAAElB,IAAI;QAAEmB,YAAY,EAAElB;MAAM,CAAE;MAClDmB,QAAQ,EAAEN,KAAK,CAACM,QAAS;MACzBP,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMpB,MAAM,EAAE;QACd,IAAI;UACFoB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEF9B,KAAA,CAAAmB,aAAA,CAACb,WAAW,CAACgC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAED,eAAexB,WAAW"}

package/lib/module/ui/Dialog/DialogSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","DialogSheet","_ref","style","children","colors","createElement","styles","container","backgroundColor","ui","dialog","default","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAAmB,cAAc;AAEzD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAKrD,MAAMC,WAAyE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACpG,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC,EAAEX,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AASD,MAAMW,SAAS,GAAGC,KAAA,IAA8E;EAAA,IAA7E;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAEC,QAAQ,GAAG;EAAsB,CAAC,GAAAL,KAAA;EACzF,MAAM;IAAEX;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACe,kBAAkB,EAAE;MAAEb,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACHtB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAEA,IAAK;IACXM,KAAK,EACHJ,SAAS,KAAKE,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACY,SAAS,CACzG;IACDC,cAAc,EAAEnB,MAAM,CAACoB;EAAc,EAExC,eACDhC,KAAA,CAAAW,aAAA,CAACR,IAAI;IACH8B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBN,KAAK,EAAEH,UAAU,KAAKC,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACiB,IAAI,CAAE;IAC7G3B,KAAK,EAAEI,MAAM,CAACwB;EAAc,GAE3Bb,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGR,gBAAgB,CAAC;EAC9BS,SAAS,EAAE;IACTwB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDX,aAAa,EAAE;IACbY,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG3B,SAAS;AAC5B,eAAed,WAAW"}
+{"version":3,"names":["React","View","Icon","Text","createStyleSheet","useUIKitTheme","DialogSheet","_ref","style","children","colors","createElement","styles","container","backgroundColor","ui","dialog","default","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => ReactNode) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAAoBC,IAAI,QAAmB,cAAc;AAEzD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAKrD,MAAMC,WAAuE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClG,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC,EAAEX,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AASD,MAAMW,SAAS,GAAGC,KAAA,IAA8E;EAAA,IAA7E;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAEC,QAAQ,GAAG;EAAsB,CAAC,GAAAL,KAAA;EACzF,MAAM;IAAEX;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACO,KAAK,EAAE,CAACI,MAAM,CAACe,kBAAkB,EAAE;MAAEb,eAAe,EAAEJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACHtB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAEA,IAAK;IACXM,KAAK,EACHJ,SAAS,KAAKE,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACY,SAAS,CACzG;IACDC,cAAc,EAAEnB,MAAM,CAACoB;EAAc,EAExC,eACDhC,KAAA,CAAAW,aAAA,CAACR,IAAI;IACH8B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBN,KAAK,EAAEH,UAAU,KAAKC,QAAQ,GAAGhB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACK,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACiB,IAAI,CAAE;IAC7G3B,KAAK,EAAEI,MAAM,CAACwB;EAAc,GAE3Bb,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGR,gBAAgB,CAAC;EAC9BS,SAAS,EAAE;IACTwB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDX,aAAa,EAAE;IACbY,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG3B,SAAS;AAC5B,eAAed,WAAW"}

package/lib/module/ui/GroupChannelMessage/Message.file.voice.js

@@ -0,0 +1,98 @@
+import React, { useEffect, useState } from 'react';
+import { millsToMSS } from '@sendbird/uikit-utils';
+import Box from '../../components/Box';
+import Icon from '../../components/Icon';
+import PressBox from '../../components/PressBox';
+import ProgressBar from '../../components/ProgressBar';
+import Text from '../../components/Text';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import LoadingSpinner from '../LoadingSpinner';
+import MessageContainer from './MessageContainer';
+const VoiceFileMessage = props => {
+  const {
+    onLongPress,
+    variant = 'incoming',
+    onToggleVoiceMessage,
+    message,
+    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',
+    onUnmount
+  } = props;
+  const {
+    colors
+  } = useUIKitTheme();
+  const [state, setState] = useState(() => {
+    var _meta$value;
+    const meta = message.metaArrays.find(it => it.key === durationMetaArrayKey);
+    const value = meta === null || meta === void 0 ? void 0 : (_meta$value = meta.value) === null || _meta$value === void 0 ? void 0 : _meta$value[0];
+    const initialDuration = value ? parseInt(value, 10) : 0;
+    return {
+      status: 'paused',
+      currentTime: 0,
+      duration: initialDuration
+    };
+  });
+  useEffect(() => {
+    return () => {
+      onUnmount();
+    };
+  }, []);
+  const uiColors = colors.ui.groupChannelMessage[variant];
+  const remainingTime = state.duration - state.currentTime;
+  return /*#__PURE__*/React.createElement(MessageContainer, props, /*#__PURE__*/React.createElement(Box, {
+    style: styles.container,
+    backgroundColor: uiColors.enabled.background
+  }, /*#__PURE__*/React.createElement(PressBox, {
+    onPress: () => onToggleVoiceMessage === null || onToggleVoiceMessage === void 0 ? void 0 : onToggleVoiceMessage(state, setState),
+    onLongPress: onLongPress
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    current: state.currentTime,
+    total: state.duration,
+    style: {
+      minWidth: 136,
+      height: 44
+    },
+    trackColor: uiColors.enabled.voiceProgressTrack,
+    overlay: /*#__PURE__*/React.createElement(Box, {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 12
+    }, state.status === 'preparing' ? /*#__PURE__*/React.createElement(LoadingSpinner, {
+      size: 24,
+      color: uiColors.enabled.voiceSpinner
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      size: 16,
+      containerStyle: {
+        backgroundColor: uiColors.enabled.voiceActionIconBackground,
+        padding: 6,
+        borderRadius: 16
+      },
+      icon: state.status === 'paused' ? 'play' : 'pause'
+    }), /*#__PURE__*/React.createElement(Text, {
+      body3: true,
+      style: {
+        lineHeight: undefined,
+        marginLeft: 6,
+        opacity: 0.88
+      },
+      color: uiColors.enabled.textVoicePlaytime
+    }, millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)))
+  })), props.children));
+};
+const styles = createStyleSheet({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
+  image: {
+    maxWidth: 240,
+    width: 240,
+    height: 160,
+    borderRadius: 16,
+    overflow: 'hidden'
+  }
+});
+export default VoiceFileMessage;
+//# sourceMappingURL=Message.file.voice.js.map

package/lib/module/ui/GroupChannelMessage/Message.file.voice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","millsToMSS","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","LoadingSpinner","MessageContainer","VoiceFileMessage","props","onLongPress","variant","onToggleVoiceMessage","message","durationMetaArrayKey","onUnmount","colors","state","setState","_meta$value","meta","metaArrays","find","it","key","value","initialDuration","parseInt","status","currentTime","duration","uiColors","ui","groupChannelMessage","remainingTime","createElement","style","styles","container","backgroundColor","enabled","background","onPress","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","size","color","voiceSpinner","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","body3","lineHeight","undefined","marginLeft","opacity","textVoicePlaytime","children","overflow","image","maxWidth","width"],"sources":["Message.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { millsToMSS } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport ProgressBar from '../../components/ProgressBar';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  {\n    durationMetaArrayKey?: string;\n    onUnmount: () => void;\n  }\n>;\nconst VoiceFileMessage = (props: Props) => {\n  const {\n    onLongPress,\n    variant = 'incoming',\n    onToggleVoiceMessage,\n    message,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n  } = props;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = message.metaArrays.find((it) => it.key === durationMetaArrayKey);\n    const value = meta?.value?.[0];\n    const initialDuration = value ? parseInt(value, 10) : 0;\n    return {\n      status: 'paused',\n      currentTime: 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage[variant];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={uiColors.enabled.background}>\n        <PressBox onPress={() => onToggleVoiceMessage?.(state, setState)} onLongPress={onLongPress}>\n          <ProgressBar\n            current={state.currentTime}\n            total={state.duration}\n            style={{ minWidth: 136, height: 44 }}\n            trackColor={uiColors.enabled.voiceProgressTrack}\n            overlay={\n              <Box\n                flex={1}\n                flexDirection={'row'}\n                alignItems={'center'}\n                justifyContent={'space-between'}\n                paddingHorizontal={12}\n              >\n                {state.status === 'preparing' ? (\n                  <LoadingSpinner size={24} color={uiColors.enabled.voiceSpinner} />\n                ) : (\n                  <Icon\n                    size={16}\n                    containerStyle={{\n                      backgroundColor: uiColors.enabled.voiceActionIconBackground,\n                      padding: 6,\n                      borderRadius: 16,\n                    }}\n                    icon={state.status === 'paused' ? 'play' : 'pause'}\n                  />\n                )}\n                <Text\n                  body3\n                  style={{ lineHeight: undefined, marginLeft: 6, opacity: 0.88 }}\n                  color={uiColors.enabled.textVoicePlaytime}\n                >\n                  {millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)}\n                </Text>\n              </Box>\n            }\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default VoiceFileMessage;\n"],"mappings":"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"}

package/lib/module/ui/GroupChannelMessage/Message.unknown.js

@@ -12,7 +12,7 @@ const UnknownMessage = props => {
   const {
     colors
   } = useUIKitTheme();
-  const color = colors.ui.groupChannelMessage['incoming'];
+  const color = colors.ui.groupChannelMessage[variant];
   const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;
   const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;
   return /*#__PURE__*/React.createElement(MessageContainer, props, /*#__PURE__*/React.createElement(PressBox, {

package/lib/module/ui/GroupChannelMessage/Message.unknown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","UnknownMessage","props","variant","colors","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","_ref","_props$strings","_props$strings2","pressed","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","paddingVertical","paddingHorizontal","borderRadius"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage['incoming'];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,MAAMM,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAAC,UAAU,CAAC;EACvD,MAAMC,UAAU,GAAGL,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACK,cAAc,GAAGL,MAAM,CAACM,qBAAqB;EAChG,MAAMC,SAAS,GAAGR,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACQ,cAAc,GAAGR,MAAM,CAACS,qBAAqB;EAE/F,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;IAACmB,OAAO,EAAEb,KAAK,CAACa,OAAQ;IAACC,WAAW,EAAEd,KAAK,CAACc;EAAY,GAC9DC,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXvB,KAAA,CAAAoB,aAAA,CAACnB,GAAG;MAAC0B,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEJ,OAAO,GAAGf,KAAK,CAACe,OAAO,CAACK,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;IAAW,gBACxG/B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAhB,KAAK,CAAC0B,OAAO,cAAAV,cAAA,uBAAbA,cAAA,CAAeW,YAAY,KAAI,wBAAwB,CACnD,eACPnC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAjB,KAAK,CAAC0B,OAAO,cAAAT,eAAA,uBAAbA,eAAA,CAAeW,kBAAkB,KAAI,2BAA2B,CAC5D,CACH;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAGxB,gBAAgB,CAAC;EAC9ByB,MAAM,EAAE;IACNQ,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAehC,cAAc"}
+{"version":3,"names":["React","Box","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","UnknownMessage","props","variant","colors","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","_ref","_props$strings","_props$strings2","pressed","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","paddingVertical","paddingHorizontal","borderRadius"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,MAAMM,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACJ,OAAO,CAAC;EACpD,MAAMK,UAAU,GAAGL,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACK,cAAc,GAAGL,MAAM,CAACM,qBAAqB;EAChG,MAAMC,SAAS,GAAGR,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACQ,cAAc,GAAGR,MAAM,CAACS,qBAAqB;EAE/F,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;IAACmB,OAAO,EAAEb,KAAK,CAACa,OAAQ;IAACC,WAAW,EAAEd,KAAK,CAACc;EAAY,GAC9DC,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXvB,KAAA,CAAAoB,aAAA,CAACnB,GAAG;MAAC0B,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEJ,OAAO,GAAGf,KAAK,CAACe,OAAO,CAACK,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;IAAW,gBACxG/B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAhB,KAAK,CAAC0B,OAAO,cAAAV,cAAA,uBAAbA,cAAA,CAAeW,YAAY,KAAI,wBAAwB,CACnD,eACPnC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAjB,KAAK,CAAC0B,OAAO,cAAAT,eAAA,uBAAbA,eAAA,CAAeW,kBAAkB,KAAI,2BAA2B,CAC5D,CACH;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAGxB,gBAAgB,CAAC;EAC9ByB,MAAM,EAAE;IACNQ,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAehC,cAAc"}