@inappstory/react-sdk 1.8.0-rc.5 → 1.8.0-rc.6

package/dist/index.esm.mjs

@@ -10518,7 +10518,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.5";
+        const sdkVersion = "1.8.0-rc.6";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -20396,7 +20396,7 @@ class UgcEditorStore {
         const session = await this.storyManager.rootStore.sessionStore.open();
         const ugcEditorConfigDto = await this.ugcEditorApi.fetchUgcEditorConfig();
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.5";
+        const sdkVersion = "1.8.0-rc.6";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20828,7 +20828,7 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.8.0-rc.5";
+        const sdkVersionName = "1.8.0-rc.6";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
@@ -26321,7 +26321,7 @@ const messageViewsByType = {
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/BottomSheet/BottomSheet.styles.ts
 
-const bottomSheetStyles = (0,external_lit_namespaceObject.css) `.bottom-sheet{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:999}.bottom-sheet__backdrop{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:-1;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));opacity:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);pointer-events:none}.bottom-sheet__backdrop--visible{animation:fade-in .3s forwards}.bottom-sheet__backdrop--hidden{animation:fade-out .3s forwards}.bottom-sheet__box{position:absolute;left:0;right:0;bottom:0;will-change:transform;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);background-color:transparent;transition:opacity .3s ease,transform .3s ease;transform:translate3d(0,120%,0);pointer-events:all}.bottom-sheet__box-wrapper{position:absolute;inset:0;pointer-events:none}.bottom-sheet__box-wrapper.bottom-sheet__box-wrapper--desktop-mode{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0)}.bottom-sheet__box.bottom-sheet__box--open{opacity:1;transform:translate3d(0,0,0)}.bottom-sheet__backdrop.bottom-sheet__backdrop--open{opacity:1;pointer-events:all}.bottom-sheet__header .close-strip-btn{margin-top:8px;width:32px;height:4px;background-color:#00000080;border-radius:var(--slide-border-top-left-radius);position:absolute;z-index:10000;left:50%;transform:translate3d(-50%,0,0)}`;
+const bottomSheetStyles = (0,external_lit_namespaceObject.css) `.bottom-sheet{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:999}.bottom-sheet__backdrop{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:-1;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));opacity:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);pointer-events:none}.bottom-sheet__backdrop--visible{animation:fade-in .3s forwards}.bottom-sheet__backdrop--hidden{animation:fade-out .3s forwards}.bottom-sheet__box{position:absolute;left:0;right:0;bottom:0;will-change:transform;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);background-color:transparent;transition:opacity .3s ease,transform .3s ease;transform:translate3d(0,120%,0);pointer-events:all}.bottom-sheet__box-wrapper{position:absolute;inset:0;pointer-events:none}.bottom-sheet__box-wrapper.bottom-sheet__box-wrapper--desktop-mode{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0)}.bottom-sheet__box.bottom-sheet__box--open{opacity:1;transform:translate3d(0,0,0)}.bottom-sheet__backdrop.bottom-sheet__backdrop--open{opacity:1;pointer-events:all}.bottom-sheet__header .close-strip-btn{margin-top:8px;width:32px;height:4px;background-color:#00000080;border-radius:var(--close-strip-btn-border-radius);position:absolute;z-index:10000;left:50%;transform:translate3d(-50%,0,0)}`;
 
 ;// CONCATENATED MODULE: external "lit/directives/style-map.js"
 var style_map_js_x = (y) => {
@@ -26589,7 +26589,8 @@ let BottomSheet = (() => {
                 height: this.geometry.getHeight() + "px",
                 width: this.geometry.getWidth() + "px",
                 "--slide-border-top-left-radius": `${this.appearanceOptions.borderRadius}px`,
-                "--slide-border-top-right-radius": `${this.appearanceOptions.borderRadius}px`
+                "--slide-border-top-right-radius": `${this.appearanceOptions.borderRadius}px`,
+                "--close-strip-btn-border-radius": `${this.appearanceOptions.closeButton.width / 2}px`
             };
             const bottomSheetBoxWrapperStyle = {
                 width: this.geometry.getWidth() + "px"
@@ -26661,18 +26662,13 @@ let BottomSheet = (() => {
     return BottomSheet = _classThis;
 })();
 
-/* ${
-    this.desktopMode
-        ? html`<button class="close-btn" @click=${this.close}>${unsafeHTML(AppearanceCommonOptionsDefault.closeButton?.svgSrc.baseState)}</button>`
-        : html`<div class="close-strip-btn" style=${styleMap(closeStripButtonStyle)}></div>`
-} */
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/BottomSheet/index.ts
 
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/Modal/Modal.styles.ts
 
-const modalStyles = (0,external_lit_namespaceObject.css) `.modal{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:1000}.modal__backdrop{background-color:rgba(0,0,0,var(--backdrop-opacity,.3));position:fixed;z-index:-1;inset:0;left:0;bottom:0;right:0;pointer-events:none}.modal__backdrop.modal__backdrop--open{pointer-events:all}.modal__box{display:flex;align-items:center;justify-content:center;position:relative;outline:0;height:100%}.modal__box-content{position:relative;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);border-bottom-left-radius:var(--slide-border-bottom-left-radius,0);border-bottom-right-radius:var(--slide-border-bottom-right-radius,0)}.modal__box-content.modal__box-content--fullscreen{position:relative;align-self:flex-end}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInWithZoom{from{opacity:0;transform:scale(.7)}to{transform:scale(1);opacity:1}}@keyframes fadeOutWithZoom{from{opacity:1;transform:scale(1)}to{transform:scale(.7);opacity:0}}@keyframes slideInUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInOut{from{transform:translateY(0)}to{transform:translateY(100%)}}.fadeIn{animation:fadeIn 255ms forwards}.fadeOut{animation:fadeOut 255ms forwards}.fadeInWithZoom{animation:fadeInWithZoom .3s forwards}.fadeOutWithZoom{animation:fadeOutWithZoom .3s forwards}.slideInUp{animation:slideInUp .3s forwards}.slideInOut{animation:slideInOut .3s forwards}`;
+const modalStyles = (0,external_lit_namespaceObject.css) `.modal{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:1000}.modal__backdrop{background-color:rgba(0,0,0,var(--backdrop-opacity,.3));position:fixed;z-index:-1;inset:0;left:0;bottom:0;right:0;pointer-events:none}.modal__backdrop.modal__backdrop--open{pointer-events:all}.modal__box{display:flex;align-items:center;justify-content:center;position:relative;outline:0;height:100%}.modal__box-content{position:relative;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);border-bottom-left-radius:var(--slide-border-bottom-left-radius,0);border-bottom-right-radius:var(--slide-border-bottom-right-radius,0);overflow:hidden}.modal__box-content.modal__box-content--fullscreen{position:relative;align-self:flex-end}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInWithZoom{from{opacity:0;transform:scale(.7)}to{transform:scale(1);opacity:1}}@keyframes fadeOutWithZoom{from{opacity:1;transform:scale(1)}to{transform:scale(.7);opacity:0}}@keyframes slideInUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInOut{from{transform:translateY(0)}to{transform:translateY(100%)}}.fadeIn{animation:fadeIn 255ms forwards}.fadeOut{animation:fadeOut 255ms forwards}.fadeInWithZoom{animation:fadeInWithZoom .3s forwards}.fadeOutWithZoom{animation:fadeOutWithZoom .3s forwards}.slideInUp{animation:slideInUp .3s forwards}.slideInOut{animation:slideInOut .3s forwards}`;
 
 ;// CONCATENATED MODULE: external "lit/directives/unsafe-html.js"
 var unsafe_html_js_x = (y) => {