stream-chat-react 6.12.2 → 8.0.0

package/dist/scss/ChannelSearch.scss

@@ -49,6 +49,9 @@
       height: 40px;
       cursor: pointer;
       padding-left: 8px;
+      width: 100%;
+      border: none;
+      background: transparent;
 
       &:hover {
         font-weight: var(--font-weight-bold);

package/dist/scss/Gallery.scss

@@ -11,6 +11,9 @@
     background: var(--white);
     margin-bottom: 1px;
     margin-right: 1px;
+    border: none;
+    padding: 0;
+    display: flex;
 
     &:hover {
       cursor: -moz-zoom-in;
@@ -61,10 +64,13 @@
         cursor: -moz-zoom-in;
         cursor: -webkit-zoom-in;
         cursor: zoom-in;
+        cursor: pointer;
+        border: none;
 
         p {
           position: relative;
           z-index: 1;
+          font-size: 16px;
         }
 
         &::after {

package/dist/scss/LoadMoreButton.scss

@@ -39,5 +39,6 @@
 
 .str-chat__load-more-button__button {
   display: flex;
+  align-items: center;
   justify-content: center;
 }

package/dist/scss/Message.scss

@@ -687,6 +687,9 @@
         align-items: center;
         height: 10px;
         cursor: pointer;
+        background-color: transparent;
+        border: none;
+        padding: 0;
 
         svg {
           fill: var(--black);
@@ -707,6 +710,13 @@
         &--options {
           position: relative;
           display: none;
+
+          > button {
+            cursor: pointer;
+            background-color: transparent;
+            border: none;
+            padding: 3px 0;
+          }
         }
 
         &--options.str-chat-angular__message-simple__actions__action--options--editing {
@@ -815,6 +825,11 @@
     &:hover {
       .str-chat__message-simple__actions__action--options {
         display: flex;
+
+        button {
+          display: flex;
+          align-items: center;
+        }
       }
 
       .str-chat__message-simple__actions__action--reactions {
@@ -1004,6 +1019,10 @@
     left: unset;
     right: 8px;
     bottom: 30px;
+
+    &-angular {
+      margin-bottom: 3px;
+    }
   }
 }
 

package/dist/scss/MessageActions.scss

@@ -42,6 +42,10 @@
   font-size: var(--sm-font);
   color: var(--black);
   text-decoration: none;
+
+  &:focus {
+    outline: 5px auto -webkit-focus-ring-color;
+  }
 }
 
 .str-chat__message-actions-list button:hover {
@@ -100,4 +104,9 @@
 
 .str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--options {
   display: flex;
+
+  button {
+    display: flex;
+    align-items: center;
+  }
 }

package/dist/scss/MessageInput.scss

@@ -56,6 +56,10 @@
   .rfu-file-upload-button {
     right: 46px;
     top: calc(100% - 34px);
+
+    &:focus-within {
+      outline: 5px auto -webkit-focus-ring-color;
+    }
   }
 
   &-footer {
@@ -164,6 +168,13 @@
   font-size: var(--md-font);
 }
 
+.rta__entity {
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: transparent;
+}
+
 .rta__entity--selected {
   background-color: var(--primary-color);
   color: var(--white);

package/dist/scss/MessageInputFlat.scss

@@ -13,6 +13,8 @@
       flex-direction: column;
       align-items: center;
       margin-bottom: var(--xs-m);
+      width: 100%;
+      position: relative;
 
       &-header {
         font-size: var(--md-font);
@@ -81,6 +83,15 @@
           }
         }
       }
+
+      .str-chat__message-attachment-card {
+        margin: 0;
+        min-height: unset;
+
+        .str-chat__message-attachment-card--content {
+          display: none;
+        }
+      }
     }
   }
 
@@ -126,6 +137,10 @@
     position: absolute;
     top: calc(100% - 45px);
     left: 25px;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    background-color: transparent;
 
     svg {
       fill: var(--black);

package/dist/scss/MessageTeam.scss

@@ -295,6 +295,10 @@
         display: flex;
         justify-content: space-between;
         padding: 10px 0 5px;
+
+        &-angular {
+          justify-content: end;
+        }
       }
 
       &--bottom,
@@ -456,6 +460,10 @@
       }
     }
   }
+
+  .str-chat-angular__message-list-host .str-chat__list {
+    padding: 0;
+  }
 }
 
 .str-chat {

package/dist/scss/Modal.scss

@@ -32,6 +32,8 @@
     cursor: pointer;
     display: flex;
     align-items: center;
+    background-color: transparent;
+    border: none;
 
     svg {
       position: relative;
@@ -54,6 +56,8 @@
     position: relative;
     top: unset;
     right: unset;
+    padding: 0;
+    width: auto;
   }
 }
 

package/dist/scss/ReactionList.scss

@@ -37,6 +37,13 @@
       justify-content: center;
       margin: -1px -16px 0 0;
       z-index: 888;
+
+      button {
+        cursor: pointer;
+        background-color: transparent;
+        border: none;
+        display: flex;
+      }
     }
 
     .emoji-mart-emoji {

package/dist/scss/ReactionSelector.scss

@@ -93,6 +93,13 @@
   }
 }
 
+button.str-chat__message-reactions-list-item {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  display: flex;
+}
+
 .str-chat__reaction-selector {
   z-index: 999;
   height: 60px;

package/dist/scss/SendButton.scss

@@ -3,6 +3,11 @@
   border: 0;
   background: 0;
   outline: 0;
+
+  &:focus {
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+
   @media screen and (min-width: 768px) {
     display: none;
   }

package/dist/scss/SmallMessageInput.scss

@@ -2,6 +2,7 @@
   display: flex;
   flex-wrap: wrap;
   margin: var(--xs-m);
+  padding: var(--xs-m);
   position: relative;
   z-index: 1000;
 
@@ -19,9 +20,20 @@
     width: 100%;
   }
 
+  &-fileupload {
+    cursor: pointer;
+    border: none;
+    padding: 0;
+    background-color: transparent;
+  }
+
   &-emojiselect {
     bottom: 10px;
     right: 6px;
+    cursor: pointer;
+    border: none;
+    padding: 0;
+    background-color: transparent;
   }
 
   .rfu-file-upload-button {

package/dist/scss/Thread.scss

@@ -136,7 +136,15 @@
         padding-top: 0;
 
         &.str-chat__thread--full {
+          position: fixed;
+          top: 0;
+          right: 0;
+          height: 100vh;
+          background: var(--white);
+          z-index: 1000;
           margin: 0;
+          width: 100vw;
+          max-width: 100%;
         }
 
         .str-chat__gallery {
@@ -169,6 +177,10 @@
         // box-shadow: none;
         background: var(--white);
         box-shadow: 0 2px 9px 0 var(--border), 0 1px 0 0 var(--border);
+
+        .str-chat__square-button {
+          cursor: pointer;
+        }
       }
 
       &__thread-start {
@@ -253,6 +265,18 @@
   .str-chat__thread {
     background: transparent;
 
+    &--full {
+      position: fixed;
+      top: 0;
+      right: 0;
+      height: 100vh;
+      background: var(--white);
+      z-index: 1000;
+      margin: 0;
+      width: 100vw;
+      max-width: 100%;
+    }
+
     &-header {
       background: var(--white30);
     }

package/dist/scss/_base.scss

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i');
-
 .str-chat {
   box-sizing: border-box;
 
@@ -15,16 +13,6 @@
   clear: both;
 }
 
-// button {
-//   cursor: pointer;
-//   background-color: transparent;
-//   border: none;
-//   padding: 0;
-//   display: flex;
-//   align-items: center;
-//   width: auto;
-// }
-
 .messenger-chat {
   &.str-chat {
     display: flex;
@@ -143,6 +131,10 @@ $emoji-flag-unicode-range: U+1F1E6-1F1FF;
       display: flex;
       flex-direction: column;
       flex: 1;
+
+      &--hideOnThread {
+        display: none;
+      }
     }
 
     .rfu-dropzone {

package/dist/scss/_variables.scss

@@ -1,5 +1,8 @@
 /* fonts */
-$main-font: 'IBM Plex Sans', sans-serif;
+/* https://systemfontstack.com/ */
+$system-stack-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+  Cantarell, 'Helvetica Neue', sans-serif;
+$main-font: #{$system-stack-font};
 $second-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 $base-font-weight: 400;

package/dist/scss/index.scss

@@ -6,6 +6,7 @@
 @import './vendor/emoji-mart.scss'; // copy from '../../node_modules/emoji-mart/css/emoji-mart.css'
 @import './vendor/mml-react.scss'; // copy from '../../node_modules/mml-react/dist/styles/index.css'
 @import './vendor/react-file-utils.scss'; // copy from '../../node_modules/react-file-utils/dist/index.css'
+@import './vendor/react-image-gallery.scss'; // copy from '../../node_modules/react-image-gallery/styles/css/image-gallery.css'
 
 // Components
 @import './ActionsBox.scss';
@@ -38,7 +39,6 @@
 @import './MessageLivestream.scss';
 @import './MessageRepliesCountButton.scss';
 @import './Modal.scss';
-@import './ModalImage.scss';
 @import './ReactionList.scss';
 @import './ReactionSelector.scss';
 @import './SendButton.scss';

package/dist/scss/vendor/react-file-utils.scss

@@ -139,6 +139,8 @@
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
+  border: none;
+  background: transparent;
 }
 .rfu-icon-button svg {
   margin: 4px;

package/dist/scss/vendor/react-image-gallery.scss

@@ -0,0 +1,224 @@
+$ig-small-screen: 768px !default;
+$ig-xsmall-screen: 480px !default;
+$ig-white: #fff !default;
+$ig-black: #000 !default;
+$ig-blue: #337ab7 !default;
+$ig-background-black: rgba(0, 0, 0, 0.4) !default;
+$ig-transparent: rgba(0, 0, 0, 0) !default;
+$ig-shadow: 0 2px 2px lighten($ig-black, 10%);
+
+@mixin vendor-prefix($name, $value) {
+  @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') {
+    #{$vendor}#{$name}: #{$value};
+  }
+}
+
+// SVG ICON STYLES
+.image-gallery-icon {
+  color: $ig-white;
+  transition: all 0.3s ease-out;
+  appearance: none;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  outline: none;
+  position: absolute;
+  z-index: 4;
+  filter: drop-shadow($ig-shadow);
+
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      color: $ig-blue;
+      .image-gallery-svg {
+        transform: scale(1.1);
+      }
+    }
+  }
+
+  &:focus {
+    // a11y support
+    outline: 2px solid $ig-blue;
+  }
+}
+
+.image-gallery-using-mouse {
+  .image-gallery-icon {
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
+.image-gallery-fullscreen-button {
+  bottom: 0;
+  padding: 20px;
+
+  .image-gallery-svg {
+    height: 28px;
+    width: 28px;
+  }
+
+  @media (max-width: $ig-small-screen) {
+    padding: 15px;
+
+    .image-gallery-svg {
+      height: 24px;
+      width: 24px;
+    }
+  }
+
+  @media (max-width: $ig-xsmall-screen) {
+    padding: 10px;
+
+    .image-gallery-svg {
+      height: 16px;
+      width: 16px;
+    }
+  }
+}
+
+.image-gallery-fullscreen-button {
+  right: 0;
+}
+
+.image-gallery-left-nav,
+.image-gallery-right-nav {
+  padding: 50px 10px;
+  top: 50%;
+  transform: translateY(-50%);
+
+  .image-gallery-svg {
+    height: 120px;
+    width: 60px;
+  }
+
+  @media (max-width: $ig-small-screen) {
+    .image-gallery-svg {
+      height: 72px;
+      width: 36px;
+    }
+  }
+
+  @media (max-width: $ig-xsmall-screen) {
+    .image-gallery-svg {
+      height: 48px;
+      width: 24px;
+    }
+  }
+
+  &[disabled] {
+    cursor: disabled;
+    opacity: 0.6;
+    pointer-events: none;
+  }
+}
+
+.image-gallery-left-nav {
+  left: 0;
+}
+
+.image-gallery-right-nav {
+  right: 0;
+}
+// End of Icon styles
+
+.image-gallery {
+  @include vendor-prefix('user-select', none);
+  -webkit-tap-highlight-color: $ig-transparent;
+  position: relative;
+
+  &.fullscreen-modal {
+    background: $ig-black;
+    bottom: 0;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 100%;
+    z-index: 5;
+
+    .image-gallery-content {
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.image-gallery-content {
+  position: relative;
+  line-height: 0;
+  top: 0;
+
+  &.fullscreen {
+    background: $ig-black;
+  }
+
+  .image-gallery-slide .image-gallery-image {
+    max-height: calc(100vh - 80px); // 80 px for the thumbnail space
+  }
+
+  &.left,
+  &.right {
+    .image-gallery-slide .image-gallery-image {
+      max-height: 100vh;
+    }
+  }
+}
+
+.image-gallery-slide-wrapper {
+  position: relative;
+
+  &.left,
+  &.right {
+    display: inline-block;
+    width: calc(100% - 110px); // 100px + 10px for margin
+
+    @media (max-width: $ig-small-screen) {
+      width: calc(100% - 87px); // 81px + 6px for margin
+    }
+  }
+  &.image-gallery-rtl {
+    direction: rtl;
+  }
+}
+
+.image-gallery-slides {
+  line-height: 0;
+  overflow: hidden;
+  position: relative;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.image-gallery-slide {
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+
+  &.center {
+    position: relative;
+  }
+
+  .image-gallery-image {
+    width: 100%;
+    object-fit: contain;
+  }
+}
+
+.image-gallery-index {
+  background: $ig-background-black;
+  color: $ig-white;
+  line-height: 1;
+  padding: 10px 20px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 4;
+
+  @media (max-width: $ig-small-screen) {
+    font-size: 0.8em;
+    padding: 5px 10px;
+  }
+}

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import type { Event, LiteralStringForUnion, Mute } from 'stream-chat';
+import type { Event, ExtendableGenerics, LiteralStringForUnion, Mute } from 'stream-chat';
 export declare type UnknownType = Record<string, unknown>;
 export declare type CustomTrigger = {
     [key: string]: {
@@ -14,7 +14,6 @@ export declare type DefaultAttachmentType = UnknownType & {
         image_url?: string;
         thumb_url?: string;
     }>;
-    mime_type?: string;
 };
 export declare type DefaultChannelType = UnknownType & {
     frozen?: boolean;
@@ -22,21 +21,28 @@ export declare type DefaultChannelType = UnknownType & {
     member_count?: number;
     subtitle?: string;
 };
-export declare type DefaultCommandType = LiteralStringForUnion;
-export declare type DefaultEventType = UnknownType;
-export declare type DefaultMessageType = UnknownType & {
+export declare type DefaultStreamChatGenerics = ExtendableGenerics & {
+    attachmentType: DefaultAttachmentType;
+    channelType: DefaultChannelType;
+    commandType: LiteralStringForUnion;
+    eventType: UnknownType;
+    messageType: DefaultMessageType;
+    reactionType: UnknownType;
+    userType: DefaultUserType;
+};
+export declare type DefaultMessageType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & {
     customType?: 'channel.intro' | 'message.date';
     date?: string | Date;
     errorStatusCode?: number;
-    event?: Event<DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType>;
+    event?: Event<StreamChatGenerics>;
     unread?: boolean;
 };
-export declare type DefaultReactionType = UnknownType;
 export declare type DefaultUserTypeInternal = {
     image?: string;
     status?: string;
 };
-export declare type DefaultUserType<UserType extends DefaultUserTypeInternal = DefaultUserTypeInternal> = UnknownType & DefaultUserTypeInternal & {
-    mutes?: Array<Mute<UserType>>;
+export declare type DefaultUserType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & DefaultUserTypeInternal & {
+    mutes?: Array<Mute<StreamChatGenerics>>;
 };
+export declare type GiphyVersions = 'original' | 'fixed_height' | 'fixed_height_still' | 'fixed_height_downsampled' | 'fixed_width' | 'fixed_width_still' | 'fixed_width_downsampled';
 //# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEtE,oBAAY,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,cAAc,EAAE,WAAW,CAAC;QAC5B,IAAI,EAAE,WAAW,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,qBAAqB,CAAC;AAEvD,oBAAY,gBAAgB,GAAG,WAAW,CAAC;AAE3C,oBAAY,kBAAkB,GAAG,WAAW,GAAG;IAC7C,UAAU,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CACX,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,CAChB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,WAAW,CAAC;AAE9C,oBAAY,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,eAAe,CACzB,QAAQ,SAAS,uBAAuB,GAAG,uBAAuB,IAChE,WAAW,GACb,uBAAuB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE1F,oBAAY,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,cAAc,EAAE,WAAW,CAAC;QAC5B,IAAI,EAAE,WAAW,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ,CAAC;AAEF,oBAAY,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,kBAAkB,GAAG;IAC3D,cAAc,EAAE,qBAAqB,CAAC;IACtC,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,qBAAqB,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,kBAAkB,CAAC;IAChC,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GAAG;IAChB,UAAU,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GACb,uBAAuB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzC,CAAC;AAEJ,oBAAY,aAAa,GACrB,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,0BAA0B,GAC1B,aAAa,GACb,mBAAmB,GACnB,yBAAyB,CAAC"}