stream-chat-react 13.2.2 → 13.3.0

package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss

@@ -325,6 +325,56 @@
     }
   }
 
+  .str-chat__message-attachment-geolocation {
+    margin: var(--str-chat__attachment-margin);
+    min-width: 200px;
+
+    .str-chat__message-attachment-geolocation__placeholder {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: var(--str-chat__spacing-2);
+
+      .str-chat__message-geolocation__icon {
+        height: calc(var(--str-chat__spacing-px) *150);
+      }
+
+      .str-chat__message-attachment-geolocation__placeholder-link {
+        position: absolute;
+        inset-inline-end: 0.75rem;
+        inset-block: 0.75rem;
+        height: calc(var(--str-chat__spacing-px) * 20);
+        width: calc(var(--str-chat__spacing-px) * 20);
+      }
+    }
+
+    .str-chat__message-attachment-geolocation__status {
+      display: flex;
+      justify-content: center;
+      padding: 0.5rem 2rem;
+
+      .str-chat__message-attachment-geolocation__status--active {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.375rem;
+
+        .str-chat__message-attachment-geolocation__stop-sharing-button {
+          color: var(--str-chat__danger-color);
+        }
+
+        .str-chat__message-attachment-geolocation__status--active-status {
+          color: var(--str-chat__info-color);
+        }
+
+        .str-chat__message-attachment-geolocation__status--active-until {
+          text-transform: lowercase;
+        }
+      }
+    }
+  }
+
   .str-chat__message-attachment-audio-widget {
     .str-chat__message-attachment-audio-widget--play-controls {
       @include utils.flex-row-center();

package/dist/scss/v2/AttachmentList/AttachmentList-theme.scss

@@ -141,6 +141,35 @@
   /* Box shadow applied to file attachments */
   --str-chat__file-attachment-box-shadow: none;
 
+  /* The border radius used for the borders of file attachments */
+  --str-chat__geolocation-attachment-border-radius: calc(
+    var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)
+  );
+
+  /* The text/icon color of geolocation attachments */
+  --str-chat__geolocation-attachment-color: var(--str-chat__text-color);
+
+  /* The text/icon color of geolocation attachments for low emphasis texts (for example file size) */
+  --str-chat__geolocation-attachment-secondary-color: var(--str-chat__text-low-emphasis-color);
+
+  /* The background color of geolocation attachments */
+  --str-chat__geolocation-attachment-background-color: var(--str-chat__secondary-background-color);
+
+  /* Top border of geolocation attachments */
+  --str-chat__geolocation-attachment-border-block-start: none;
+
+  /* Bottom border of geolocation attachments */
+  --str-chat__geolocation-attachment-border-block-end: none;
+
+  /* Left (right in RTL layout) border of geolocation attachments */
+  --str-chat__geolocation-attachment-border-inline-start: none;
+
+  /* Right (left in RTL layout) border of geolocation attachments */
+  --str-chat__geolocation-attachment-border-inline-end: none;
+
+  /* Box shadow applied to geolocation attachments */
+  --str-chat__geolocation-attachment-box-shadow: none;
+
   /* Border radius applied audio widget */
   --str-chat__audio-attachment-widget-border-radius: calc(
     var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)
@@ -325,6 +354,33 @@
     @include utils.component-layer-overrides('file-attachment');
   }
 
+  .str-chat__message-attachment-geolocation {
+    @include utils.component-layer-overrides('geolocation-attachment');
+    overflow: hidden;
+
+    .str-chat__message-attachment-geolocation__placeholder {
+      .str-chat__message-attachment-geolocation__placeholder-link {
+        color: currentColor;
+      }
+    }
+
+    .str-chat__message-attachment-geolocation__status {
+      background-color: var(--str-chat__tertiary-surface-color);
+
+      .str-chat__message-attachment-geolocation__status--active {
+        .str-chat__message-attachment-geolocation__stop-sharing-button {
+          @include utils.button-reset;
+          font: var(--str-chat__subtitle-medium-text);
+          cursor: pointer;
+        }
+
+        .str-chat__message-attachment-geolocation__status--active-until {
+          font: var(--str-chat__caption-text);
+        }
+      }
+    }
+  }
+
   .str-chat__message-attachment-unsupported {
     .str-chat__message-attachment-unsupported__title {
       font: var(--str-chat__subtitle-medium-text);

package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-layout.scss

@@ -47,6 +47,7 @@
     }
   }
 
+  .str-chat__location-preview,
   .str-chat__attachment-preview-unsupported,
   .str-chat__attachment-preview-voice-recording,
   .str-chat__attachment-preview-file {
@@ -70,12 +71,14 @@
       justify-content: center;
 
       .str-chat__attachment-preview-title,
+      .str-chat__attachment-preview-subtitle,
       .str-chat__attachment-preview-file-name {
         @include utils.ellipsis-text;
         max-width: 100%;
       }
     }
 
+    .str-chat__location-preview-image,
     .str-chat__attachment-preview-file-icon {
       --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);
       --str-chat-icon-width: auto;

package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-theme.scss

@@ -107,6 +107,7 @@
     }
   }
 
+  .str-chat__location-preview,
   .str-chat__attachment-preview-unsupported,
   .str-chat__attachment-preview-voice-recording,
   .str-chat__attachment-preview-file {
@@ -117,6 +118,10 @@
       font: var(--str-chat__subtitle-medium-text);
     }
 
+    .str-chat__attachment-preview-subtitle {
+      font: var(--str-chat__caption-text);
+    }
+
     .str-chat__attachment-preview-file-download {
       --str-chat-icon-color: var(--str-chat__attachment-preview-download-icon-color);
       text-decoration: none;
@@ -142,6 +147,12 @@
     }
   }
 
+  .str-chat__location-preview {
+    .str-chat__location-preview-image {
+      color: var(--str-chat__active-primary-color);
+    }
+  }
+
   .str-chat__attachment-preview-delete {
     --str-chat-icon-color: var(--str-chat__attachment-preview-close-icon-color);
 

package/dist/scss/v2/Dialog/Dialog-layout.scss

@@ -2,7 +2,6 @@
 
 .str-chat__dialog-overlay {
   inset: 0;
-  overflow: hidden;
   position: absolute;
   height: var(--str-chat__dialog-overlay-height);
   width: 100%;
@@ -26,7 +25,7 @@
     display: flex;
     justify-content: flex-end;
     gap: 1.25rem;
-    padding: 2.25rem 1.25rem 0;
+    padding: 2.25rem 1.25rem;
 
     .str-chat__dialog__controls-button {
       @include utils.button-reset;

package/dist/scss/v2/Form/Form-layout.scss

@@ -6,4 +6,44 @@
   .str-chat__form-field-error {
     margin-left: 0.5rem;
   }
+}
+
+.str-chat__form__switch-field {
+  width: 100%;
+  padding: 1rem;
+
+  input[type='checkbox'] {
+    display: none;
+  }
+
+  label {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .str-chat__form__switch-field__switch {
+    display: flex;
+    align-items: center;
+    width: calc(var(--str-chat__spacing-px) * 52);
+    height: calc(var(--str-chat__spacing-px) * 32);
+    padding: 0.25rem;
+
+    .str-chat__form__switch-field__switch-handle {
+      height: 1.5rem;
+      width: 1.5rem;
+    }
+
+    &.str-chat__form__switch-field__switch--on {
+      justify-content: flex-end;
+    }
+  }
+}
+
+.str-chat__dropdown {
+  .str-chat__dropdown__open-button {
+    width: 100%;
+    text-align: start;
+  }
 }

package/dist/scss/v2/Form/Form-theme.scss

@@ -1,3 +1,5 @@
+@use '../utils';
+
 .str-chat {
   // hide spin buttons form input of type number
   /* Chrome, Safari, Edge, Opera */
@@ -18,3 +20,63 @@
   font-size: 0.75rem;
   color: var(--str-chat__danger-color);
 }
+
+// fixme: duplicate mixin in poll theme
+@mixin field-background {
+  background-color: var(--str-chat__tertiary-surface-color);
+  border-radius: 0.75rem;
+}
+
+
+
+.str-chat__form__switch-field {
+  @include field-background;
+
+  &, label {
+    cursor: pointer;
+  }
+
+  label {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  .str-chat__form__switch-field__switch {
+    cursor: pointer;
+    background-color: var(--str-chat__text-low-emphasis-color);
+    border-radius: 100px;
+
+    .str-chat__form__switch-field__switch-handle {
+      border-radius: var(--str-chat__border-radius-circle);
+      background-color: var(--str-chat__disabled-color);
+    }
+
+    &.str-chat__form__switch-field__switch--on {
+      background-color: var(--str-chat__green600);
+
+      .str-chat__form__switch-field__switch-handle {
+        background-color: var(--str-chat__background-color);
+        border-radius: var(--str-chat__border-radius-circle);
+      }
+    }
+  }
+}
+
+.str-chat__form__switch-field--disabled {
+  .str-chat__form__switch-field--disabled,
+  .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch,
+  label {
+    cursor: not-allowed;
+  }
+}
+
+.str-chat__dropdown {
+  .str-chat__dropdown__open-button {
+    @include utils.button-reset;
+    cursor: pointer;
+  }
+
+  .str-chat__dropdown__items {
+    background-color: var(--str-chat__background-color);
+  }
+}

package/dist/scss/v2/Location/Location-layout.scss

@@ -0,0 +1,52 @@
+.str-chat__modal.str-chat__share-location-modal {
+  .str-chat__modal__close-button {
+    display: none;
+  }
+
+  .str-chat__share-location-dialog {
+    .str-chat__modal-header {
+      padding-top: 0;
+    }
+
+    .str-chat__dialog__body {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      padding-block: 0;
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      user-select: none;
+
+      .str-chat__live-location-activation {
+        padding: 0.5rem;
+
+        .str-chat__form__switch-field {
+          padding: 0.5rem;
+        }
+
+        .str-chat__dropdown__open-button {
+          padding: 0.5rem;
+        }
+
+        .str-chat__dialog-contents {
+          .str-chat__dropdown__items {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-block: 0.25rem;
+
+            .str-chat__live-location-sharing-duration-option {
+              padding: 0.25rem 0.5rem;
+              width: 100%;
+              text-align: start;
+            }
+          }
+        }
+      }
+    }
+
+    .str-chat__dialog__controls {
+      padding: 1.25rem 1rem 0;
+    }
+  }
+}

package/dist/scss/v2/Location/Location-theme.scss

@@ -0,0 +1,32 @@
+@use '../utils';
+
+.str-chat__share-location-dialog {
+  .str-chat__live-location-activation {
+    border-radius: var(--str-chat__border-radius-sm);
+    border: 1px solid var(--str-chat__secondary-overlay-color);;
+
+    .str-chat__form__switch-field {
+      background-color: var(--str-chat__background-color);
+    }
+
+    .str-chat__dropdown__open-button {
+      border-radius: var(--str-chat__border-radius-xs);
+      border: 1px solid var(--str-chat__secondary-overlay-color);
+      background-color: var(--str-chat__tertiary-surface-color);
+    }
+
+    .str-chat__dropdown__items {
+      box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
+      border-radius: var(--str-chat__border-radius-xs);
+
+      .str-chat__live-location-sharing-duration-option {
+        @include utils.button-reset;
+        cursor: pointer;
+
+        &:hover {
+          background-color: var(--str-chat__message-options-hover-background-color);
+        }
+      }
+    }
+  }
+}

package/dist/scss/v2/MessageInput/MessageInput-theme.scss

@@ -337,6 +337,13 @@
       mask: var(--str-chat__poll-icon) no-repeat center / contain;
     }
   }
+
+  .str-chat__attachment-selector-actions-menu__add-location-button {
+    .str-chat__dialog-menu__button-icon {
+      -webkit-mask: var(--str-chat__location-icon) no-repeat center / contain;
+      mask: var(--str-chat__location-icon) no-repeat center / contain;
+    }
+  }
 }
 
 .str-chat__send-to-channel-checkbox__field {

package/dist/scss/v2/Modal/Modal-layout.scss

@@ -30,6 +30,8 @@
     }
 
     .str-chat__modal-header__close-button {
+      @include utils.button-reset;
+      cursor: pointer;
       background-image: var(--str-chat__close-icon);
       background-repeat: no-repeat;
       height: 0.875rem;

package/dist/scss/v2/Poll/Poll-layout.scss

@@ -434,41 +434,6 @@
         width: 1rem;
       }
     }
-
-    .str-chat__form__switch-field {
-      width: 100%;
-      padding: 1rem;
-
-      input[type='checkbox'] {
-        display: none;
-      }
-
-      label {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        width: 100%;
-      }
-
-      .str-chat__form__switch-field__switch {
-        display: flex;
-        align-items: center;
-        width: calc(var(--str-chat__spacing-px) * 52);
-        height: calc(var(--str-chat__spacing-px) * 32);
-        padding: 0.25rem;
-
-        .str-chat__form__switch-field__switch-handle {
-          height: 1.5rem;
-          width: 1.5rem;
-        }
-
-        &.str-chat__form__switch-field__switch--on {
-          .str-chat__form__switch-field__switch-handle {
-            transform: translateX(1.25rem);
-          }
-        }
-      }
-    }
   }
 }
 

package/dist/scss/v2/Poll/Poll-theme.scss

@@ -175,32 +175,4 @@
       border: 1px solid var(--str-chat__message-error-message-color);
     }
   }
-
-  .str-chat__form__switch-field {
-    @include field-background;
-
-    &, label {
-      cursor: pointer;
-    }
-
-    .str-chat__form__switch-field__switch {
-      cursor: pointer;
-      background-color: var(--str-chat__text-low-emphasis-color);
-      border-radius: 100px;
-
-      .str-chat__form__switch-field__switch-handle {
-        border-radius: var(--str-chat__border-radius-circle);
-        background-color: var(--str-chat__disabled-color);
-      }
-
-      &.str-chat__form__switch-field__switch--on {
-        background-color: var(--str-chat__green600);
-
-        .str-chat__form__switch-field__switch-handle {
-          background-color: var(--str-chat__background-color);
-          border-radius: var(--str-chat__border-radius-circle);
-        }
-      }
-    }
-  }
 }

package/dist/scss/v2/_icons.scss

@@ -8,6 +8,7 @@
   --str-chat__add-attachment-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zMzMyIDcuMzMzMDdMMTIuNjY2NiA3LjMzMzA3TDEyLjY2NjYgMTIuNjY2NEw3LjMzMzI0IDEyLjY2NjRMNy4zMzMyNCAxNS4zMzMxTDEyLjY2NjYgMTUuMzMzMUwxMi42NjY2IDIwLjY2NjRMMTUuMzMzMiAyMC42NjY0TDE1LjMzMzIgMTUuMzMzMUwyMC42NjY2IDE1LjMzMzFMMjAuNjY2NiAxMi42NjY0TDE1LjMzMzIgMTIuNjY2NEwxNS4zMzMyIDcuMzMzMDdaTTEzLjk5OTkgMC42NjY0MDRDNi42Mzk5MSAwLjY2NjQwNCAwLjY2NjU3NiA2LjYzOTc0IDAuNjY2NTc3IDEzLjk5OTdDMC42NjY1NzYgMjEuMzU5NyA2LjYzOTkxIDI3LjMzMzEgMTMuOTk5OSAyNy4zMzMxQzIxLjM1OTkgMjcuMzMzMSAyNy4zMzMyIDIxLjM1OTcgMjcuMzMzMiAxMy45OTk3QzI3LjMzMzIgNi42Mzk3NCAyMS4zNTk5IDAuNjY2NDA0IDEzLjk5OTkgMC42NjY0MDRaTTEzLjk5OTkgMjQuNjY2NEM4LjExOTkxIDI0LjY2NjQgMy4zMzMyNCAxOS44Nzk3IDMuMzMzMjUgMTMuOTk5N0MzLjMzMzI0IDguMTE5NzQgOC4xMTk5MSAzLjMzMzA3IDEzLjk5OTkgMy4zMzMwN0MxOS44Nzk5IDMuMzMzMDcgMjQuNjY2NiA4LjExOTc0IDI0LjY2NjYgMTMuOTk5N0MyNC42NjY2IDE5Ljg3OTcgMTkuODc5OSAyNC42NjY0IDEzLjk5OTkgMjQuNjY2NFoiLz4KPC9zdmc+Cg==');
   --str-chat__folder-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAySDEwTDggMEgyQzAuOSAwIDAuMDA5OTk5OTkgMC45IDAuMDA5OTk5OTkgMkwwIDE0QzAgMTUuMSAwLjkgMTYgMiAxNkgxOEMxOS4xIDE2IDIwIDE1LjEgMjAgMTRWNEMyMCAyLjkgMTkuMSAyIDE4IDJaTTE4IDE0SDJWNEgxOFYxNFoiIC8+Cjwvc3ZnPgo=');
   --str-chat__poll-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiAwSDJDMC45IDAgMCAwLjkgMCAyVjE2QzAgMTcuMSAwLjkgMTggMiAxOEgxNkMxNy4xIDE4IDE4IDE3LjEgMTggMTZWMkMxOCAwLjkgMTcuMSAwIDE2IDBaTTE2IDE2SDJWMkgxNlYxNlpNNCA3SDZWMTRINFY3Wk04IDRIMTBWMTRIOFY0Wk0xMiAxMEgxNFYxNEgxMlYxMFoiLz4KPC9zdmc+');
+  --str-chat__location-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NS44NTYgMjU1Ljg1NiI+PHBhdGggZD0iTTEyNy45MjggMzguOGMtMzAuNzUgMC01NS43NjggMjUuMDE3LTU1Ljc2OCA1NS43NjdzMjUuMDE4IDU1Ljc2NyA1NS43NjggNTUuNzY3IDU1Ljc2OC0yNS4wMTcgNTUuNzY4LTU1Ljc2N1MxNTguNjc4IDM4LjggMTI3LjkyOCAzOC44em0wIDk2LjUzM2MtMjIuNDc5IDAtNDAuNzY4LTE4LjI4OC00MC43NjgtNDAuNzY3UzEwNS40NDkgNTMuOCAxMjcuOTI4IDUzLjhzNDAuNzY4IDE4LjI4OCA0MC43NjggNDAuNzY3LTE4LjI4OCA0MC43NjYtNDAuNzY4IDQwLjc2NnoiLz48cGF0aCBkPSJNMTI3LjkyOCAwQzc1Ljc4NCAwIDMzLjM2MiA0Mi40MjIgMzMuMzYyIDk0LjU2NmMwIDMwLjA3MiAyNS4yMiA3NC44NzUgNDAuMjUzIDk4LjkwNCA5Ljg5MSAxNS44MDkgMjAuNTIgMzAuODU1IDI5LjkyOCA0Mi4zNjUgMTUuMTAxIDE4LjQ3NCAyMC41MDYgMjAuMDIgMjQuMzg2IDIwLjAyIDMuOTM4IDAgOS4wNDEtMS41NDcgMjQuMDk1LTIwLjAzMSA5LjQyOS0xMS41NzkgMjAuMDYzLTI2LjYxNiAyOS45NDQtNDIuMzQyIDE1LjEzNi0yNC4wODggNDAuNTI3LTY4Ljk3MSA0MC41MjctOTguOTE3QzIyMi40OTUgNDIuNDIyIDE4MC4wNzMgMCAxMjcuOTI4IDB6bTQzLjY0MSAxODEuODAzYy0xOS4zOTYgMzEuNDgzLTM3LjIwMyA1Mi43NTctNDMuNzMgNTguMTg4LTYuNTYxLTUuMjY0LTI0LjA3OS0yNi4wMzItNDMuNzQ2LTU4LjA4OS0yMi43MDctMzcuMDE1LTM1LjczLTY4Ljg0OC0zNS43My04Ny4zMzZDNDguMzYyIDUwLjY5MyA4NC4wNTUgMTUgMTI3LjkyOCAxNXM3OS41NjYgMzUuNjkzIDc5LjU2NiA3OS41NjZjLjAwMSAxOC4zODItMTMuMDk0IDUwLjE3OC0zNS45MjUgODcuMjM3eiIvPjwvc3ZnPg==');
   --str-chat__handle-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgNiIgZmlsbD0iY3VycmVuQ29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTYgMEgwVjJIMTZWMFpNMCA2SDE2VjRIMFY2WiIvPgo8L3N2Zz4K');
   --str-chat__circle-stop-icon: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSI0IDQgMjggMjgiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ1NTEgMjcuMjQ0MUMyMi42MzA5IDI3LjI0NDEgMjcuNzQ0MSAyMi4xMTk4IDI3Ljc0NDEgMTUuOTU1MUMyNy43NDQxIDkuNzc5MyAyMi42MTk4IDQuNjY2MDIgMTYuNDQ0IDQuNjY2MDJDMTAuMjc5MyA0LjY2NjAyIDUuMTY2MDIgOS43NzkzIDUuMTY2MDIgMTUuOTU1MUM1LjE2NjAyIDIyLjExOTggMTAuMjkwNCAyNy4yNDQxIDE2LjQ1NTEgMjcuMjQ0MVpNMTYuNDU1MSAyNS4zNjI2QzExLjIzMTEgMjUuMzYyNiA3LjA1ODU5IDIxLjE3OSA3LjA1ODU5IDE1Ljk1NTFDNy4wNTg1OSAxMC43MzExIDExLjIyMDEgNi41NDc1MyAxNi40NDQgNi41NDc1M0MyMS42NjggNi41NDc1MyAyNS44NTE2IDEwLjczMTEgMjUuODYyNiAxNS45NTUxQzI1Ljg3MzcgMjEuMTc5IDIxLjY3OSAyNS4zNjI2IDE2LjQ1NTEgMjUuMzYyNlpNMTMuNTIyMSAxOS45ODM3SDE5LjM2NTlDMjAuMDYzMiAxOS45ODM3IDIwLjQ3MjcgMTkuNTc0MiAyMC40NzI3IDE4Ljg5OTFWMTMuMDExMUMyMC40NzI3IDEyLjMyNDkgMjAuMDYzMiAxMS45MjY0IDE5LjM2NTkgMTEuOTI2NEgxMy41MjIxQzEyLjgzNTkgMTEuOTI2NCAxMi40MTU0IDEyLjMyNDkgMTIuNDE1NCAxMy4wMTExVjE4Ljg5OTFDMTIuNDE1NCAxOS41NzQyIDEyLjgzNTkgMTkuOTgzNyAxMy41MjIxIDE5Ljk4MzdaIiBmaWxsPSIjMDA1ZmZmIi8+Cjwvc3ZnPg==');
   --str-chat__magnifier-glass-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwQzEzLjk2OCAwIDE4IDQuMDMyIDE4IDlDMTggMTMuOTY4IDEzLjk2OCAxOCA5IDE4QzQuMDMyIDE4IDAgMTMuOTY4IDAgOUMwIDQuMDMyIDQuMDMyIDAgOSAwWk05IDE2QzEyLjg2NyAxNiAxNiAxMi44NjcgMTYgOUMxNiA1LjEzMiAxMi44NjcgMiA5IDJDNS4xMzIgMiAyIDUuMTMyIDIgOUMyIDEyLjg2NyA1LjEzMiAxNiA5IDE2Wk0yMC4zMTQgMTguODk5TDE3LjQ4NSAxNi4wNzFMMTYuMDcxIDE3LjQ4NUwxOC44OTkgMjAuMzE0TDIwLjMxNCAxOC44OTlaIi8+Cjwvc3ZnPgo=');

package/dist/scss/v2/index.layout.scss

@@ -25,6 +25,7 @@
 @use 'InfiniteScrollPaginator/InfiniteScrollPaginator-layout';
 @use 'LinkPreview/LinkPreview-layout';
 @use 'LoadingIndicator/LoadingIndicator-layout';
+@use 'Location/Location-layout';
 @use 'Message/Message-layout';
 @use 'MessageActionsBox/MessageActionsBox-layout';
 @use 'MessageBouncePrompt/MessageBouncePrompt-layout';

package/dist/scss/v2/index.scss

@@ -26,6 +26,7 @@
 @use 'ImageCarousel/ImageCarousel-theme';
 @use 'LinkPreview/LinkPreview-theme';
 @use 'LoadingIndicator/LoadingIndicator-theme';
+@use 'Location/Location-theme';
 @use 'Message/Message-theme';
 @use 'MessageActionsBox/MessageActionsBox-theme';
 @use 'MessageBouncePrompt/MessageBouncePrompt-theme';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "13.2.2",
+  "version": "13.3.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -142,7 +142,7 @@
     "emoji-mart": "^5.4.0",
     "react": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
     "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
-    "stream-chat": "^9.10.1"
+    "stream-chat": "^9.12.0"
   },
   "peerDependenciesMeta": {
     "@breezystack/lamejs": {
@@ -183,7 +183,7 @@
     "@playwright/test": "^1.42.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@stream-io/stream-chat-css": "^5.11.1",
+    "@stream-io/stream-chat-css": "^5.11.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -236,7 +236,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^24.2.3",
-    "stream-chat": "^9.10.1",
+    "stream-chat": "^9.12.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.17.0"