@neurodyn/react-room-viewer 0.0.34 → 0.1.0

package/dist/index.d.ts

@@ -51,7 +51,7 @@ declare const resources: {
             };
             readonly legal: {
                 readonly termsOfUse: "Terms of Use";
-                readonly conjunction: "and";
+                readonly conjunction: " and ";
                 readonly privacyPolicy: "Privacy Policy";
             };
             readonly shareMessage: {
@@ -201,7 +201,7 @@ declare const resources: {
             };
             readonly legal: {
                 readonly termsOfUse: "Условия использования";
-                readonly conjunction: "и";
+                readonly conjunction: " и ";
                 readonly privacyPolicy: "Политика конфиденциальности";
             };
             readonly shareMessage: {
@@ -331,6 +331,156 @@ declare const resources: {
             };
         };
     };
+    ar: {
+        translation: {
+            readonly matting: "الحافة الداخلية";
+            readonly close: "إغلاق";
+            readonly mattingOptions: {
+                readonly none: "بدون";
+            };
+            readonly units: {
+                readonly cm: "سم";
+                readonly in: "بوصة";
+            };
+            readonly ar: {
+                readonly viewInPlace: "اعرضه في مكانك";
+                readonly scanQrCode: "امسح رمز QR هذا بكاميرا هاتفك لعرض المنتج بتقنية الواقع المعزز";
+                readonly deviceRequirementsDisclaimer: "*يتطلب جهازًا ومتصفحًا يدعمان الواقع المعزز. نوصي بنظام iOS 18 أو أحدث مع Safari، أو Android 7.0 أو أحدث مع Chrome.";
+                readonly appClipScanTitle: "امسح الرمز بكاميرا هاتفك";
+                readonly appClipRequirement: "يعمل عرض الواقع المعزز على iOS 18 أو أحدث";
+            };
+            readonly legal: {
+                readonly termsOfUse: "شروط الاستخدام";
+                readonly conjunction: " و";
+                readonly privacyPolicy: "سياسة الخصوصية";
+            };
+            readonly shareMessage: {
+                readonly 'wall-panel': "معاينة ألواح الجدران";
+                readonly wallart: "معاينة اللوحة الفنية";
+                readonly rugs: "معاينة السجادة";
+                readonly flooring: "معاينة الأرضية";
+            };
+            readonly rooms: {
+                readonly 'room-example-11': "غرفة نموذجية 11";
+                readonly 'room-example-12': "غرفة نموذجية 12";
+                readonly 'room-example-13': "غرفة نموذجية 13";
+                readonly 'room-example-14': "غرفة نموذجية 14";
+                readonly 'room-example-15': "غرفة نموذجية 15";
+                readonly 'carpet-bathroom': "الحمّام";
+                readonly 'carpet-bedroom': "غرفة النوم";
+                readonly 'carpet-entryway': "المدخل";
+                readonly 'carpet-living-room': "غرفة المعيشة";
+            };
+            readonly scene: {
+                readonly tunePosition: "ضبط الموضع";
+                readonly angle: "الزاوية";
+                readonly rotation: "الدوران";
+                readonly resetPosition: "إعادة التعيين";
+            };
+            readonly accessError: {
+                readonly unauthorized: "مفتاح API غير صالح";
+                readonly 'payment-required': "العارض غير متاح مؤقتًا";
+            };
+            readonly loadError: {
+                readonly 'viewer-load-failed': "تعذّر تحميل العارض. يُرجى المحاولة مرة أخرى.";
+                readonly 'artwork-load-failed': "تعذّر تحميل الصورة — رابطها مفقود أو غير صحيح في إعدادات الأداة.";
+                readonly 'room-load-failed': "تعذّر تحميل صورة الغرفة. يُرجى المحاولة مرة أخرى.";
+            };
+            readonly missingSurface: {
+                readonly floor: {
+                    readonly title: "لم نتمكن من العثور على الأرضية";
+                    readonly body: "جرّب صورة تظهر فيها الأرضية.";
+                };
+                readonly wall: {
+                    readonly title: "لم نتمكن من العثور على جدار";
+                    readonly body: "جرّب صورة يظهر فيها جدار.";
+                };
+                readonly uploadAnother: "رفع صورة أخرى";
+            };
+            readonly wallPanel: {
+                readonly loading: "جارٍ تحميل الخامة";
+                readonly panelActions: "إجراءات اللوح {{number}}";
+                readonly retry: "تعذّر التحميل. اختر مرة أخرى لإعادة المحاولة.";
+                readonly actions: "إجراءات اللوح";
+                readonly materials: "الخامات";
+                readonly materialFallback: "الخامة {{number}}";
+                readonly rotate: "تدوير اللوح";
+                readonly delete: "حذف اللوح";
+            };
+            readonly wallArt: {
+                readonly pictureFrame: "الإطار";
+            };
+            readonly resourceType: {
+                readonly 'wall-panel': {
+                    readonly productCategory: "لوح جداري";
+                    readonly productCardTitle: "اللوح المحدد";
+                    readonly replaceProduct: "استبدال اللوح";
+                    readonly replaceProductShort: "استبدال";
+                };
+                readonly wallart: {
+                    readonly productCardTitle: "اللوحة الفنية المحددة";
+                    readonly appearance: "استبدال";
+                };
+                readonly rugs: {
+                    readonly productCategory: "سجادة";
+                    readonly productCardTitle: "السجادة المحددة";
+                    readonly replaceProduct: "استبدال السجادة";
+                    readonly replaceProductShort: "استبدال";
+                };
+                readonly flooring: {
+                    readonly productCategory: "أرضية";
+                    readonly productCardTitle: "الأرضية المحددة";
+                    readonly replaceProduct: "استبدال الأرضية";
+                    readonly replaceProductShort: "استبدال";
+                };
+            };
+            readonly floor: {
+                readonly scene: {
+                    readonly share: "مشاركة";
+                    readonly download: "تنزيل";
+                    readonly hideCatalog: "إخفاء الكتالوج";
+                    readonly description: "الوصف";
+                    readonly interiorCardTitle: "التصميم الداخلي";
+                    readonly tryAtHome: "جرّبه في منزلك";
+                    readonly tryAtHomeBody: "عبر كاميرا هاتفك";
+                };
+                readonly materialSelection: {
+                    readonly flooring: "اختر الأرضية";
+                    readonly rugs: "اختر سجادة";
+                    readonly 'wall-panel': "اختر لوحًا";
+                    readonly title: "اختيار الخامة";
+                };
+                readonly interiorSelection: {
+                    readonly title: "اختر التصميم الداخلي";
+                    readonly uploadPhoto: "ارفع صورتك";
+                    readonly invalidFile: "تعذّر رفع الصورة، يُرجى المحاولة مرة أخرى";
+                    readonly customTitle: "صورك";
+                    readonly presetsTitle: "تصاميم داخلية جاهزة";
+                    readonly currentInterior: "التصميم الداخلي الحالي";
+                    readonly chooseInterior: "اختر التصميم الداخلي";
+                    readonly chooseInteriorShort: "اختر";
+                };
+                readonly processing: {
+                    readonly title: "جارٍ تجهيز غرفتك";
+                    readonly progressLabel: "تقدّم تجهيز الغرفة";
+                    readonly stages: {
+                        readonly reading: "جارٍ قراءة صورتك...";
+                        readonly mapping: "جارٍ تحديد الأرضيات والجدران...";
+                        readonly lighting: "جارٍ موازنة الإضاءة والمنظور...";
+                        readonly finalizing: "جارٍ إنشاء المعاينة...";
+                        readonly ready: "الغرفة جاهزة...";
+                    };
+                };
+                readonly error: {
+                    readonly title: "حدث خطأ ما";
+                    readonly processingBody: "لم نتمكن هذه المرة من رفع الصورة ومعالجتها";
+                    readonly loadBody: "تعذّر تحميل العارض. يُرجى المحاولة مرة أخرى.";
+                    readonly tryAgain: "حاول مرة أخرى";
+                    readonly cancel: "إلغاء";
+                };
+            };
+        };
+    };
 };
 
 export declare function RoomViewer({ type, src, tinuuid, roomId, name, language, width, height, dimensionUnit, displayUnit, apiKey, source, widgetSession, className, ...props }: RoomViewerProps & React_2.ComponentProps<'div'>): JSX.Element;

package/dist/index.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Component, Suspense, createContext, memo, use as external_react_use, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo as external_react_useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import { Direction, Popover, Select, Slider } from "radix-ui";
 import { createPortal } from "react-dom";
 import { I18nextProvider, initReactI18next, useTranslation } from "react-i18next";
 import react_shadow from "react-shadow";
@@ -27,7 +28,6 @@ import { formatHex, oklch } from "culori";
 import qrcode from "qrcode";
 import { GLTFExporter } from "three/examples/jsm/exporters/GLTFExporter.js";
 import { USDZExporter } from "three/examples/jsm/exporters/USDZExporter.js";
-import { Popover, Select, Slider } from "radix-ui";
 var __webpack_modules__ = {
     "./src/style.css?inline" (module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
@@ -512,6 +512,10 @@ var __webpack_modules__ = {
     position: static;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -524,6 +528,38 @@ var __webpack_modules__ = {
     inset-block: calc(var(--spacing) * 0);
   }
 
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+
+  .start-6 {
+    inset-inline-start: calc(var(--spacing) * 6);
+  }
+
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+
+  .end-4 {
+    inset-inline-end: calc(var(--spacing) * 4);
+  }
+
+  .end-6 {
+    inset-inline-end: calc(var(--spacing) * 6);
+  }
+
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -572,14 +608,6 @@ var __webpack_modules__ = {
     top: 100%;
   }
 
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-
-  .right-1 {
-    right: calc(var(--spacing) * 1);
-  }
-
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -588,14 +616,6 @@ var __webpack_modules__ = {
     right: calc(var(--spacing) * 3);
   }
 
-  .right-4 {
-    right: calc(var(--spacing) * 4);
-  }
-
-  .right-6 {
-    right: calc(var(--spacing) * 6);
-  }
-
   .right-\\[-1\\.36\\%\\] {
     right: -1.36%;
   }
@@ -632,14 +652,6 @@ var __webpack_modules__ = {
     left: 50%;
   }
 
-  .left-2 {
-    left: calc(var(--spacing) * 2);
-  }
-
-  .left-6 {
-    left: calc(var(--spacing) * 6);
-  }
-
   .left-\\[-1\\.36\\%\\] {
     left: -1.36%;
   }
@@ -758,6 +770,14 @@ var __webpack_modules__ = {
     margin-inline-start: -1px;
   }
 
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+
   .-mt-2 {
     margin-top: calc(var(--spacing) * -2);
   }
@@ -790,14 +810,6 @@ var __webpack_modules__ = {
     margin-left: calc(var(--spacing) * 1);
   }
 
-  .ml-4 {
-    margin-left: calc(var(--spacing) * 4);
-  }
-
-  .ml-auto {
-    margin-left: auto;
-  }
-
   .box-border {
     box-sizing: border-box;
   }
@@ -2325,6 +2337,30 @@ var __webpack_modules__ = {
     padding-block: calc(var(--spacing) * 14);
   }
 
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+
+  .ps-8 {
+    padding-inline-start: calc(var(--spacing) * 8);
+  }
+
+  .pe-1 {
+    padding-inline-end: calc(var(--spacing) * 1);
+  }
+
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+
+  .pe-8 {
+    padding-inline-end: calc(var(--spacing) * 8);
+  }
+
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -2345,10 +2381,6 @@ var __webpack_modules__ = {
     padding-right: calc(var(--spacing) * 1);
   }
 
-  .pr-2 {
-    padding-right: calc(var(--spacing) * 2);
-  }
-
   .pr-2\\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
@@ -2361,10 +2393,6 @@ var __webpack_modules__ = {
     padding-right: calc(var(--spacing) * 5);
   }
 
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
-
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -2381,18 +2409,10 @@ var __webpack_modules__ = {
     padding-bottom: 5px;
   }
 
-  .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
-  }
-
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
 
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
-  }
-
   .text-center {
     text-align: center;
   }
@@ -2401,6 +2421,10 @@ var __webpack_modules__ = {
     text-align: left;
   }
 
+  .text-start {
+    text-align: start;
+  }
+
   .align-middle {
     vertical-align: middle;
   }
@@ -4616,6 +4640,10 @@ var __webpack_modules__ = {
   }
 
   @media (width >= 640px) {
+    .sm\\:end-6 {
+      inset-inline-end: calc(var(--spacing) * 6);
+    }
+
     .sm\\:top-6 {
       top: calc(var(--spacing) * 6);
     }
@@ -4624,10 +4652,6 @@ var __webpack_modules__ = {
       top: 50%;
     }
 
-    .sm\\:right-6 {
-      right: calc(var(--spacing) * 6);
-    }
-
     .sm\\:bottom-auto {
       bottom: auto;
     }
@@ -4858,6 +4882,10 @@ var __webpack_modules__ = {
     }
   }
 
+  .rtl\\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+
   .dark\\:bg-input\\/30:is(.dark *) {
     background-color: var(--input);
   }
@@ -5087,6 +5115,10 @@ var __webpack_modules__ = {
     }
   }
 
+  .\\[data-chrome-slot\\=\\"ar-card\\"\\]\\:visible:is(), .\\[data-chrome-slot\\=\\"product-card\\"\\]\\:visible:is() {
+    visibility: visible;
+  }
+
   :is(.\\*\\:\\[span\\]\\:last\\:flex > *):is(span):last-child {
     display: flex;
   }
@@ -5454,8 +5486,17 @@ var __webpack_modules__ = {
   font-display: swap;
 }
 
+@font-face {
+  font-family: __tw4_shd_noto_arabic_7x4q2;
+  src: url("https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4r4xA.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
+}
+
 :root {
-  --v-font-family: "__tw4_shd_inter_7x4q2", sans-serif;
+  --v-font-family: "__tw4_shd_inter_7x4q2", "__tw4_shd_noto_arabic_7x4q2", sans-serif;
   font-family: var(--v-font-family);
   font-feature-settings: "liga" 1, "calt" 1;
   -webkit-font-smoothing: antialiased;
@@ -6121,6 +6162,15 @@ var __webpack_modules__ = {
   font-style: normal;
   font-display: swap;
 }
+
+@font-face {
+  font-family: __tw4_shd_noto_arabic_7x4q2;
+  src: url("https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4r4xA.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
+}
 `,
             ""
         ]);
@@ -6253,6 +6303,155 @@ function ThemeProvider({ children, defaultTheme = 'system', storageKey = 'v-them
 }
 var fontsinline = __webpack_require__("../ui/src/styles/fonts.css?inline");
 const ns1 = {
+    matting: 'الحافة الداخلية',
+    close: 'إغلاق',
+    mattingOptions: {
+        none: 'بدون'
+    },
+    units: {
+        cm: 'سم',
+        in: 'بوصة'
+    },
+    ar: {
+        viewInPlace: 'اعرضه في مكانك',
+        scanQrCode: 'امسح رمز QR هذا بكاميرا هاتفك لعرض المنتج بتقنية الواقع المعزز',
+        deviceRequirementsDisclaimer: '*يتطلب جهازًا ومتصفحًا يدعمان الواقع المعزز. نوصي بنظام iOS 18 أو أحدث مع Safari، أو Android 7.0 أو أحدث مع Chrome.',
+        appClipScanTitle: 'امسح الرمز بكاميرا هاتفك',
+        appClipRequirement: 'يعمل عرض الواقع المعزز على iOS 18 أو أحدث'
+    },
+    legal: {
+        termsOfUse: 'شروط الاستخدام',
+        conjunction: ' و',
+        privacyPolicy: 'سياسة الخصوصية'
+    },
+    shareMessage: {
+        'wall-panel': 'معاينة ألواح الجدران',
+        wallart: 'معاينة اللوحة الفنية',
+        rugs: 'معاينة السجادة',
+        flooring: 'معاينة الأرضية'
+    },
+    rooms: {
+        'room-example-11': 'غرفة نموذجية 11',
+        'room-example-12': 'غرفة نموذجية 12',
+        'room-example-13': 'غرفة نموذجية 13',
+        'room-example-14': 'غرفة نموذجية 14',
+        'room-example-15': 'غرفة نموذجية 15',
+        'carpet-bathroom': 'الحمّام',
+        'carpet-bedroom': 'غرفة النوم',
+        'carpet-entryway': 'المدخل',
+        'carpet-living-room': 'غرفة المعيشة'
+    },
+    scene: {
+        tunePosition: 'ضبط الموضع',
+        angle: 'الزاوية',
+        rotation: 'الدوران',
+        resetPosition: 'إعادة التعيين'
+    },
+    accessError: {
+        unauthorized: 'مفتاح API غير صالح',
+        'payment-required': 'العارض غير متاح مؤقتًا'
+    },
+    loadError: {
+        'viewer-load-failed': 'تعذّر تحميل العارض. يُرجى المحاولة مرة أخرى.',
+        'artwork-load-failed': 'تعذّر تحميل الصورة — رابطها مفقود أو غير صحيح في إعدادات الأداة.',
+        'room-load-failed': 'تعذّر تحميل صورة الغرفة. يُرجى المحاولة مرة أخرى.'
+    },
+    missingSurface: {
+        floor: {
+            title: 'لم نتمكن من العثور على الأرضية',
+            body: 'جرّب صورة تظهر فيها الأرضية.'
+        },
+        wall: {
+            title: 'لم نتمكن من العثور على جدار',
+            body: 'جرّب صورة يظهر فيها جدار.'
+        },
+        uploadAnother: 'رفع صورة أخرى'
+    },
+    wallPanel: {
+        loading: 'جارٍ تحميل الخامة',
+        panelActions: 'إجراءات اللوح {{number}}',
+        retry: 'تعذّر التحميل. اختر مرة أخرى لإعادة المحاولة.',
+        actions: 'إجراءات اللوح',
+        materials: 'الخامات',
+        materialFallback: 'الخامة {{number}}',
+        rotate: 'تدوير اللوح',
+        delete: 'حذف اللوح'
+    },
+    wallArt: {
+        pictureFrame: 'الإطار'
+    },
+    resourceType: {
+        'wall-panel': {
+            productCategory: 'لوح جداري',
+            productCardTitle: 'اللوح المحدد',
+            replaceProduct: 'استبدال اللوح',
+            replaceProductShort: 'استبدال'
+        },
+        wallart: {
+            productCardTitle: 'اللوحة الفنية المحددة',
+            appearance: 'استبدال'
+        },
+        rugs: {
+            productCategory: 'سجادة',
+            productCardTitle: 'السجادة المحددة',
+            replaceProduct: 'استبدال السجادة',
+            replaceProductShort: 'استبدال'
+        },
+        flooring: {
+            productCategory: 'أرضية',
+            productCardTitle: 'الأرضية المحددة',
+            replaceProduct: 'استبدال الأرضية',
+            replaceProductShort: 'استبدال'
+        }
+    },
+    floor: {
+        scene: {
+            share: 'مشاركة',
+            download: 'تنزيل',
+            hideCatalog: 'إخفاء الكتالوج',
+            description: 'الوصف',
+            interiorCardTitle: 'التصميم الداخلي',
+            tryAtHome: 'جرّبه في منزلك',
+            tryAtHomeBody: 'عبر كاميرا هاتفك'
+        },
+        materialSelection: {
+            flooring: 'اختر الأرضية',
+            rugs: 'اختر سجادة',
+            'wall-panel': 'اختر لوحًا',
+            title: 'اختيار الخامة'
+        },
+        interiorSelection: {
+            title: 'اختر التصميم الداخلي',
+            uploadPhoto: 'ارفع صورتك',
+            invalidFile: 'تعذّر رفع الصورة، يُرجى المحاولة مرة أخرى',
+            customTitle: 'صورك',
+            presetsTitle: 'تصاميم داخلية جاهزة',
+            currentInterior: 'التصميم الداخلي الحالي',
+            chooseInterior: 'اختر التصميم الداخلي',
+            chooseInteriorShort: 'اختر'
+        },
+        processing: {
+            title: 'جارٍ تجهيز غرفتك',
+            progressLabel: 'تقدّم تجهيز الغرفة',
+            stages: {
+                reading: 'جارٍ قراءة صورتك...',
+                mapping: 'جارٍ تحديد الأرضيات والجدران...',
+                lighting: 'جارٍ موازنة الإضاءة والمنظور...',
+                finalizing: 'جارٍ إنشاء المعاينة...',
+                ready: 'الغرفة جاهزة...'
+            }
+        },
+        error: {
+            title: 'حدث خطأ ما',
+            processingBody: 'لم نتمكن هذه المرة من رفع الصورة ومعالجتها',
+            loadBody: 'تعذّر تحميل العارض. يُرجى المحاولة مرة أخرى.',
+            tryAgain: 'حاول مرة أخرى',
+            cancel: 'إلغاء'
+        }
+    }
+};
+const ar_ns1 = ns1;
+const ns1_ns1 = {
     matting: 'Matting',
     close: 'Close',
     mattingOptions: {
@@ -6271,7 +6470,7 @@ const ns1 = {
     },
     legal: {
         termsOfUse: 'Terms of Use',
-        conjunction: 'and',
+        conjunction: ' and ',
         privacyPolicy: 'Privacy Policy'
     },
     shareMessage: {
@@ -6400,8 +6599,8 @@ const ns1 = {
         }
     }
 };
-const en_ns1 = ns1;
-const ns1_ns1 = {
+const en_ns1 = ns1_ns1;
+const ru_ns1_ns1 = {
     matting: 'Паспарту',
     close: 'Закрыть',
     mattingOptions: {
@@ -6420,7 +6619,7 @@ const ns1_ns1 = {
     },
     legal: {
         termsOfUse: 'Условия использования',
-        conjunction: 'и',
+        conjunction: ' и ',
         privacyPolicy: 'Политика конфиденциальности'
     },
     shareMessage: {
@@ -6549,17 +6748,20 @@ const ns1_ns1 = {
         }
     }
 };
-const ru_ns1 = ns1_ns1;
+const ru_ns1 = ru_ns1_ns1;
 const resources = {
     en: {
         translation: en_ns1
     },
     ru: {
         translation: ru_ns1
+    },
+    ar: {
+        translation: ar_ns1
     }
 };
-const roomViewerI18n = i18next.createInstance();
-roomViewerI18n.use(i18next_browser_languagedetector).use(initReactI18next).init({
+const ROOM_VIEWER_LANGUAGES = Object.keys(resources);
+const initOptions = {
     debug: false,
     detection: {
         caches: []
@@ -6569,7 +6771,38 @@ roomViewerI18n.use(i18next_browser_languagedetector).use(initReactI18next).init(
     interpolation: {
         escapeValue: false
     }
-});
+};
+function createRoomViewerI18n(language) {
+    const instance = i18next.createInstance();
+    instance.use(i18next_browser_languagedetector).init({
+        ...initOptions,
+        lng: language
+    });
+    return instance;
+}
+const roomViewerI18n = i18next.createInstance();
+roomViewerI18n.use(i18next_browser_languagedetector).use(initReactI18next).init(initOptions);
+function resolveRoomViewerLanguage(i18n) {
+    const language = i18n.resolvedLanguage ?? i18n.language;
+    return ROOM_VIEWER_LANGUAGES.find((candidate)=>candidate === language) ?? 'en';
+}
+function getRoomViewerDirection(language) {
+    return 'ar' === language ? 'rtl' : 'ltr';
+}
+function useRoomViewerLanguage() {
+    const { i18n } = useTranslation();
+    return resolveRoomViewerLanguage(i18n);
+}
+function useRoomViewerDirection(viewerI18n) {
+    const { i18n } = useTranslation(void 0, {
+        i18n: viewerI18n
+    });
+    const language = resolveRoomViewerLanguage(i18n);
+    return {
+        language,
+        direction: getRoomViewerDirection(language)
+    };
+}
 const PROPERTY_BLOCK_RE = /@property\s+(--[^{\s]+)\s*\{([^}]*)\}/g;
 const INITIAL_VALUE_RE = /initial-value:([^;}]+)/i;
 const NON_INHERITING_RE = /inherits:\s*false(?:\s*;|\s*$)/i;
@@ -7094,65 +7327,65 @@ async function publicApiControllerActivateWallart(params, config = {}) {
     });
     return res.data;
 }
-async function publicApiControllerGetKitItems(data, config = {}) {
+async function publicApiControllerIssueWidgetToken(data, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const requestData = data;
     const res = await request({
         method: "POST",
-        url: "/public/kits/items",
+        url: "/public/widget/token",
         data: requestData,
         ...requestConfig
     });
     return res.data;
 }
-async function publicApiControllerGetPublicObjects(data, params, config = {}) {
+async function publicApiControllerReadKitItems(data, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const requestData = data;
     const res = await request({
         method: "POST",
-        url: "/public/objects/public",
-        params,
+        url: "/public/kits/items",
         data: requestData,
         ...requestConfig
     });
     return res.data;
 }
-async function publicApiControllerGetShopifyWidgetRooms(params, config = {}) {
+async function publicApiControllerReadObjectByTinuuid({ tinuuid }, params, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const res = await request({
-        method: "POST",
-        url: "/public/widget/shopify/get-rooms",
+        method: "GET",
+        url: `/public/objects/by-tinuuid/${tinuuid}`,
         params,
         ...requestConfig
     });
     return res.data;
 }
-async function publicApiControllerGetWidgetRooms(config = {}) {
+async function publicApiControllerReadPublicObjects(data, params, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
+    const requestData = data;
     const res = await request({
         method: "POST",
-        url: "/public/widget/get-rooms",
+        url: "/public/objects/public",
+        params,
+        data: requestData,
         ...requestConfig
     });
     return res.data;
 }
-async function publicApiControllerIssueWidgetToken(data, config = {}) {
+async function publicApiControllerReadShopifyWidgetRooms(params, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
-    const requestData = data;
     const res = await request({
         method: "POST",
-        url: "/public/widget/token",
-        data: requestData,
+        url: "/public/widget/shopify/get-rooms",
+        params,
         ...requestConfig
     });
     return res.data;
 }
-async function publicApiControllerReadObjectByTinuuid({ tinuuid }, params, config = {}) {
+async function publicApiControllerReadWidgetRooms(config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const res = await request({
-        method: "GET",
-        url: `/public/objects/by-tinuuid/${tinuuid}`,
-        params,
+        method: "POST",
+        url: "/public/widget/get-rooms",
         ...requestConfig
     });
     return res.data;
@@ -7263,10 +7496,20 @@ function createWidgetSessionClient(activationData, options) {
 function sendWidgetEvent(session, event, options = {}) {
     if (!session) return;
     const createWidgetEvent = options.createWidgetEvent ?? createWidgetEventViaGeneratedApi;
-    session.getApiConfigForRequest(options.apiConfig).then((apiConfig)=>createWidgetEvent({
+    session.getApiConfigForRequest(options.apiConfig).then((apiConfig)=>{
+        const pagePath = currentPagePath();
+        return createWidgetEvent({
             event,
-            timestamp: new Date().toISOString()
-        }, apiConfig)).catch(()=>{});
+            timestamp: new Date().toISOString(),
+            ...pagePath ? {
+                page_path: pagePath
+            } : {}
+        }, apiConfig);
+    }).catch(()=>{});
+}
+function currentPagePath(locationRef = globalThis.location) {
+    const path = locationRef?.pathname;
+    return 'string' == typeof path && path.startsWith('/') ? path : void 0;
 }
 async function getRoomViewerPublicApiHeaders(options) {
     const headers = {
@@ -7278,9 +7521,10 @@ async function getRoomViewerPublicApiHeaders(options) {
     return headers;
 }
 function getRoomViewerLanguageHeaders(options) {
-    return options.language ? {
-        Lang: options.language
-    } : void 0;
+    if (!options.language) return;
+    return {
+        Lang: 'ru' === options.language ? 'ru' : 'en'
+    };
 }
 function roomViewerObjectQueryKey(tinuuid, options) {
     return [
@@ -7357,7 +7601,7 @@ async function fetchRoomViewerOwnerObjects(ownerUuid, page, options) {
         signal: options.signal
     });
     const { query, config } = getRoomViewerPublicApiQuery(options);
-    return await publicApiControllerGetPublicObjects({
+    return await publicApiControllerReadPublicObjects({
         ...data,
         productType: getRoomViewerPublicApiProductType(options)
     }, query, {
@@ -7380,7 +7624,7 @@ async function fetchRoomViewerKitObjects(kitUuid, _ownerUuid, page, options) {
         signal: options.signal
     });
     const { query, config } = getRoomViewerPublicApiQuery(options);
-    const response = await publicApiControllerGetKitItems({
+    const response = await publicApiControllerReadKitItems({
         kitUuid,
         page,
         limit: KIT_PAGE_LIMIT
@@ -7419,10 +7663,10 @@ async function fetchRoomViewerRooms(options) {
         signal: options.signal
     };
     const publicQuery = getRoomViewerPublicApiQuery(options);
-    const response = 'shopify' === options.source ? await publicApiControllerGetShopifyWidgetRooms(publicQuery.query, {
+    const response = 'shopify' === options.source ? await publicApiControllerReadShopifyWidgetRooms(publicQuery.query, {
         ...config,
         ...publicQuery.config
-    }) : await publicApiControllerGetWidgetRooms(config);
+    }) : await publicApiControllerReadWidgetRooms(config);
     return response.rooms.filter((room)=>false !== room.active).sort((left, right)=>(left.position ?? 0) - (right.position ?? 0)).map((room)=>({
             id: room.id,
             name: room.name,
@@ -7505,7 +7749,7 @@ function DialogContent({ className, children, contentInsideOverlay = false, show
             children,
             showCloseButton && /*#__PURE__*/ jsxs(Close, {
                 "data-slot": "dialog-close",
-                className: "focus-visible:ring-ring/30 absolute top-4 right-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+                className: "focus-visible:ring-ring/30 absolute top-4 end-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
                 children: [
                     /*#__PURE__*/ jsx(XIcon, {
                         className: "size-6"
@@ -8084,19 +8328,19 @@ function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
         "data-slot": "dropdown-menu-item",
         "data-inset": inset,
         "data-variant": variant,
-        className: utils_cn('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden hover:bg-background-base focus:bg-background-base data-[highlighted]:bg-background-base data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:hover:bg-destructive/10 data-[highlighted][data-variant=destructive]:bg-destructive/10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*=text-])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*=text-])]:text-inherit [&_svg]:pointer-events-none [&_svg]:shrink-0', inset && 'pl-8', className),
+        className: utils_cn('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden hover:bg-background-base focus:bg-background-base data-[highlighted]:bg-background-base data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:hover:bg-destructive/10 data-[highlighted][data-variant=destructive]:bg-destructive/10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*=text-])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*=text-])]:text-inherit [&_svg]:pointer-events-none [&_svg]:shrink-0', inset && 'ps-8', className),
         ...props
     });
 }
 function DropdownMenuCheckboxItem({ className, children, checked, indicatorPosition = 'left', ...props }) {
     return /*#__PURE__*/ jsxs(CheckboxItem, {
         "data-slot": "dropdown-menu-checkbox-item",
-        className: utils_cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden hover:bg-background-base focus:bg-background-base data-[highlighted]:bg-background-base data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'right' === indicatorPosition && 'pr-8 pl-2', className),
+        className: utils_cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pe-2 ps-8 text-sm outline-hidden hover:bg-background-base focus:bg-background-base data-[highlighted]:bg-background-base data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'right' === indicatorPosition && 'pe-8 ps-2', className),
         checked: checked,
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: utils_cn('pointer-events-none absolute flex size-3.5 items-center justify-center', 'right' === indicatorPosition ? 'right-2' : 'left-2'),
+                className: utils_cn('pointer-events-none absolute flex size-3.5 items-center justify-center', 'right' === indicatorPosition ? 'end-2' : 'start-2'),
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
                     children: /*#__PURE__*/ jsx(CheckIcon, {
                         className: "size-4"
@@ -8111,7 +8355,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ jsx(react_dropdown_menu_Label, {
         "data-slot": "dropdown-menu-label",
         "data-inset": inset,
-        className: utils_cn('px-2 py-1.5 text-sm font-medium', inset && 'pl-8', className),
+        className: utils_cn('px-2 py-1.5 text-sm font-medium', inset && 'ps-8', className),
         ...props
     });
 }
@@ -12230,7 +12474,7 @@ function InteriorSelectionEntry({ rooms, customRooms, selectedRoomId, isInvalidF
     function renderInteriorCards(interiorRooms) {
         return interiorRooms.map((room)=>/*#__PURE__*/ jsxs("button", {
                 type: "button",
-                className: "group relative aspect-[4/3] overflow-hidden rounded-2xl bg-background-base text-left transition focus-visible:ring-2 focus-visible:ring-icons-normal focus-visible:outline-hidden",
+                className: "group relative aspect-[4/3] overflow-hidden rounded-2xl bg-background-base text-start transition focus-visible:ring-2 focus-visible:ring-icons-normal focus-visible:outline-hidden",
                 "aria-pressed": room.id === selectedRoomId,
                 onClick: ()=>onSelectRoom(room.id),
                 children: [
@@ -12255,7 +12499,7 @@ function InteriorSelectionEntry({ rooms, customRooms, selectedRoomId, isInvalidF
             type: "button",
             variant: "outline",
             size: "icon",
-            className: "absolute top-4 right-4 sm:top-6 sm:right-6",
+            className: "absolute top-4 end-4 sm:top-6 sm:end-6",
             "aria-label": t('close'),
             "data-testid": "floor-interior-selection-icon-close",
             children: /*#__PURE__*/ jsx(close_Close, {})
@@ -12308,7 +12552,7 @@ function InteriorSelectionEntry({ rooms, customRooms, selectedRoomId, isInvalidF
                 ]
             }),
             /*#__PURE__*/ jsx("div", {
-                className: "grid min-h-0 overflow-y-auto overflow-x-hidden overscroll-contain pr-1 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+                className: "grid min-h-0 overflow-y-auto overflow-x-hidden overscroll-contain pe-1 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
                 "data-testid": "floor-interior-selection-scroll-content",
                 children: /*#__PURE__*/ jsxs("div", {
                     className: "grid min-h-max gap-4",
@@ -12771,7 +13015,7 @@ function MaterialSelectionContent({ className, gridClassName, titleClassName, on
             /*#__PURE__*/ jsx("div", {
                 "data-testid": "material-selection-grid",
                 ref: gridRef,
-                className: utils_cn('min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain pr-1 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden', gridClassName),
+                className: utils_cn('min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain pe-1 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden', gridClassName),
                 onScroll: handleScroll,
                 children: /*#__PURE__*/ jsxs("div", {
                     className: "grid min-h-max grid-cols-3 gap-x-2 gap-y-2",
@@ -12784,7 +13028,7 @@ function MaterialSelectionContent({ className, gridClassName, titleClassName, on
                                 type: "button",
                                 "data-selected": isSelected,
                                 "aria-pressed": isSelected,
-                                className: "group flex min-w-0 flex-col gap-1 rounded-lg bg-background-containers text-left focus-visible:ring-2 focus-visible:ring-icons-normal focus-visible:outline-hidden",
+                                className: "group flex min-w-0 flex-col gap-1 rounded-lg bg-background-containers text-start focus-visible:ring-2 focus-visible:ring-icons-normal focus-visible:outline-hidden",
                                 onClick: ()=>handleSelectMaterial(materialId),
                                 onKeyDown: (event)=>{
                                     if ('Enter' === event.key || ' ' === event.key) {
@@ -12804,7 +13048,7 @@ function MaterialSelectionContent({ className, gridClassName, titleClassName, on
                                                 className: "size-6 text-icons-normal"
                                             }),
                                             isSelected && /*#__PURE__*/ jsx("span", {
-                                                className: "absolute top-1 right-1 grid size-6 place-items-center rounded-full bg-icons-blue text-icons-white",
+                                                className: "absolute top-1 end-1 grid size-6 place-items-center rounded-full bg-icons-blue text-icons-white",
                                                 "data-testid": "material-selection-selected-check",
                                                 children: /*#__PURE__*/ jsx(CheckDone, {
                                                     className: "size-4"
@@ -12965,7 +13209,7 @@ function ProcessingRoomDialog({ isComplete, open, onCloseAnimationEnd, onOpenCha
                         className: "flex min-w-0 items-center justify-between gap-3",
                         children: [
                             /*#__PURE__*/ jsx("span", {
-                                className: "typo-base-14 min-w-0 flex-1 truncate text-left font-medium text-text-light",
+                                className: "typo-base-14 min-w-0 flex-1 truncate text-start font-medium text-text-light",
                                 children: t(activeStage.translationKey)
                             }),
                             /*#__PURE__*/ jsxs("span", {
@@ -13334,9 +13578,7 @@ function QRCode({ data, foreground, background, robustness = 'M', className, ...
     });
 }
 function useRoomViewerTenant() {
-    const { i18n } = useTranslation();
-    const language = i18n.resolvedLanguage ?? i18n.language;
-    return 'ru' === language ? 'arizo' : 'vizbl';
+    return 'ru' === useRoomViewerLanguage() ? 'arizo' : 'vizbl';
 }
 function isAbsoluteUrl(value) {
     return /^[a-z][a-z0-9+.-]*:/i.test(value) || value.startsWith('//');
@@ -13629,9 +13871,7 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
                                     },
                                     children: t('legal.termsOfUse')
                                 }),
-                                ' ',
                                 t('legal.conjunction'),
-                                ' ',
                                 /*#__PURE__*/ jsx("a", {
                                     href: tenantConfig.PRIVACY_URL,
                                     target: "_blank",
@@ -13786,12 +14026,12 @@ function SelectContent({ className, children, position = 'item-aligned', align =
 function SelectItem({ className, children, ...props }) {
     return /*#__PURE__*/ jsxs(Select.Item, {
         "data-slot": "select-item",
-        className: utils_cn('relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md py-2.5 pr-8 pl-3 outline-hidden', 'typo-base-16 text-text-sub', 'focus:bg-background-base focus:text-text-dark', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-6 [&_svg:not([class*=text-])]:text-text-dark', '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', className),
+        className: utils_cn('relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md py-2.5 pe-8 ps-3 outline-hidden', 'typo-base-16 text-text-sub', 'focus:bg-background-base focus:text-text-dark', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-6 [&_svg:not([class*=text-])]:text-text-dark', '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', className),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
                 "data-slot": "select-item-indicator",
-                className: "absolute right-2 flex size-6 items-center justify-center",
+                className: "absolute end-2 flex size-6 items-center justify-center",
                 children: /*#__PURE__*/ jsx(Select.ItemIndicator, {
                     children: /*#__PURE__*/ jsx(CheckDone, {
                         className: "size-5"
@@ -14274,9 +14514,9 @@ function ResetPositionButton() {
     });
 }
 const CONTAINER_CLASS_NAMES = {
-    card: 'flex min-h-24 w-fit max-w-100 items-center gap-4 rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]',
-    'compact-card': 'flex min-h-[116px] w-fit max-w-[421px] items-center gap-4 rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]',
-    'flow-card': 'flex items-center justify-start gap-4 border-b border-border-light bg-background-containers p-4 text-left'
+    card: 'flex min-h-24 w-fit max-w-100 items-center gap-4 rounded-2xl bg-background-containers p-4 text-start text-text-dark shadow-[var(--shadow-login)]',
+    'compact-card': 'flex min-h-[116px] w-fit max-w-[421px] items-center gap-4 rounded-2xl bg-background-containers p-4 text-start text-text-dark shadow-[var(--shadow-login)]',
+    'flow-card': 'flex items-center justify-start gap-4 border-b border-border-light bg-background-containers p-4 text-start'
 };
 const ICON_CLASS_NAMES = {
     card: 'size-6 text-icons-normal',
@@ -14410,7 +14650,7 @@ function ProductCardSlot({ actions, band, slot, presentation }) {
                                 children: [
                                     /*#__PURE__*/ jsx(SelectTrigger, {
                                         size: "sm",
-                                        className: "ml-auto w-fit min-w-0 shrink data-[size=sm]:h-8 *:data-[slot=select-value]:block *:data-[slot=select-value]:truncate",
+                                        className: "ms-auto w-fit min-w-0 shrink data-[size=sm]:h-8 *:data-[slot=select-value]:block *:data-[slot=select-value]:truncate",
                                         "data-testid": `${testId}-variant-select`,
                                         children: /*#__PURE__*/ jsx(SelectValue, {})
                                     }),
@@ -14431,9 +14671,9 @@ function ProductCardSlot({ actions, band, slot, presentation }) {
     });
 }
 const RoomCardSlot_CONTAINER_CLASS_NAMES = {
-    card: 'flex h-24 w-[254px] items-center gap-4 overflow-hidden rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]',
-    'framed-row': 'flex h-[72px] items-center justify-between gap-3 overflow-hidden rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]',
-    'plain-row': 'flex w-full items-center justify-between gap-3 rounded-full bg-background-containers text-left'
+    card: 'flex h-24 w-[254px] items-center gap-4 overflow-hidden rounded-2xl bg-background-containers p-4 text-start text-text-dark shadow-[var(--shadow-login)]',
+    'framed-row': 'flex h-[72px] items-center justify-between gap-3 overflow-hidden rounded-2xl bg-background-containers p-4 text-start text-text-dark shadow-[var(--shadow-login)]',
+    'plain-row': 'flex w-full items-center justify-between gap-3 rounded-full bg-background-containers text-start'
 };
 const RoomCardSlot_CARD_TEST_IDS = {
     desktop: 'floor-room-card',
@@ -15802,7 +16042,7 @@ function ImmersiveRoomChrome({ showDialogCloseButton = false }) {
                 })
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: "pointer-events-none absolute top-0 right-0 left-0 z-20 flex min-h-22 items-start justify-between gap-4 bg-linear-to-b from-black/75 via-black/35 to-transparent px-4 pt-4 pb-8 text-constant-white sm:px-6 lg:min-h-25 lg:pt-6",
+                className: "pointer-events-none absolute top-0 end-0 start-0 z-20 flex min-h-22 items-start justify-between gap-4 bg-linear-to-b from-black/75 via-black/35 to-transparent px-4 pt-4 pb-8 text-constant-white sm:px-6 lg:min-h-25 lg:pt-6",
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "min-w-0 pt-1",
@@ -15898,7 +16138,7 @@ function ImmersiveRoomChrome({ showDialogCloseButton = false }) {
                 ]
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: "pointer-events-none absolute right-6 bottom-6 left-6 z-20 hidden items-end justify-between gap-4 lg:flex",
+                className: "pointer-events-none absolute end-6 bottom-6 start-6 z-20 hidden items-end justify-between gap-4 lg:flex",
                 "data-testid": "floor-desktop-cards",
                 children: [
                     /*#__PURE__*/ jsx("div", {
@@ -15920,7 +16160,7 @@ function ImmersiveRoomChrome({ showDialogCloseButton = false }) {
                 ]
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: "pointer-events-none absolute right-6 bottom-6 left-6 z-20 hidden items-end justify-between gap-2 sm:flex lg:hidden",
+                className: "pointer-events-none absolute end-6 bottom-6 start-6 z-20 hidden items-end justify-between gap-2 sm:flex lg:hidden",
                 "data-testid": "floor-tablet-cards",
                 children: [
                     /*#__PURE__*/ jsx("div", {
@@ -15966,7 +16206,7 @@ function ImmersiveRoomChrome({ showDialogCloseButton = false }) {
             }),
             isMaterialSelectionPanelOpen && !hasActiveError && /*#__PURE__*/ jsx(MaterialSelectionContent, {
                 [MATERIAL_SELECTION_PANEL_ATTRIBUTE]: true,
-                className: "absolute bottom-[152px] left-6 z-30 hidden max-h-[calc(100%-252px)] w-[348px] rounded-2xl bg-background-containers sm:flex lg:bottom-[132px] lg:max-h-[calc(100%-232px)]",
+                className: "absolute bottom-[152px] start-6 z-30 hidden max-h-[calc(100%-252px)] w-[348px] rounded-2xl bg-background-containers sm:flex lg:bottom-[132px] lg:max-h-[calc(100%-232px)]",
                 gridClassName: "px-4 pb-4",
                 titleClassName: "px-4 pt-4",
                 onOpenChange: handleCloseMaterialSelection
@@ -16093,11 +16333,6 @@ function RoomViewerContainer(props) {
         ...props
     });
 }
-function useRoomViewerLanguage() {
-    const { i18n } = useTranslation();
-    const language = i18n.resolvedLanguage ?? i18n.language;
-    return 'ru' === language ? 'ru' : 'en';
-}
 function isBlankArtworkSource(src) {
     return 'string' != typeof src || 0 === src.trim().length;
 }
@@ -16662,7 +16897,7 @@ function RoomViewerRoot({ type, src, tinuuid, roomId, name, height, width, langu
         type
     ]);
     useEffect(()=>{
-        if ('string' == typeof language) i18n.changeLanguage(language);
+        if ('string' == typeof language && language !== i18n.language) i18n.changeLanguage(language);
     }, [
         i18n,
         language
@@ -16697,6 +16932,8 @@ configureApiClient({
 });
 function RoomViewerDialog({ type, src, tinuuid, roomId, width, height, dimensionUnit, displayUnit, name, language, apiKey, source, widgetSession, disableClose = false, open, defaultOpen, onOpenChange }) {
     const [themeRoot, setThemeRoot] = useState(null);
+    const [viewerI18n] = useState(()=>createRoomViewerI18n(language));
+    const { language: uiLanguage, direction } = useRoomViewerDirection(viewerI18n);
     const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
     const dialogOpen = open ?? uncontrolledOpen;
     const [hasRenderedDialogContent, setHasRenderedDialogContent] = useState(dialogOpen);
@@ -16749,6 +16986,7 @@ function RoomViewerDialog({ type, src, tinuuid, roomId, width, height, dimension
                 style: {
                     display: 'block',
                     letterSpacing: 'normal',
+                    position: 'relative',
                     zIndex: 2147483647
                 },
                 children: [
@@ -16759,15 +16997,20 @@ function RoomViewerDialog({ type, src, tinuuid, roomId, width, height, dimension
                         children: shadowRootCssText
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        ref: setThemeRoot
+                        ref: setThemeRoot,
+                        dir: direction,
+                        lang: uiLanguage
                     }),
                     themeRoot && /*#__PURE__*/ jsx(ThemeProvider, {
                         root: themeRoot,
                         storageKey: "neurodyn-theme",
                         defaultTheme: "light",
-                        children: /*#__PURE__*/ jsx(I18nextProvider, {
-                            i18n: roomViewerI18n,
-                            children: shouldRenderRoomViewerRoot && roomViewerRoot
+                        children: /*#__PURE__*/ jsx(Direction.Provider, {
+                            dir: direction,
+                            children: /*#__PURE__*/ jsx(I18nextProvider, {
+                                i18n: viewerI18n,
+                                children: shouldRenderRoomViewerRoot && roomViewerRoot
+                            })
                         })
                     })
                 ]
@@ -16777,6 +17020,8 @@ function RoomViewerDialog({ type, src, tinuuid, roomId, width, height, dimension
 }
 function RoomViewer({ type, src, tinuuid, roomId, name, language, width, height, dimensionUnit, displayUnit, apiKey, source, widgetSession, className, ...props }) {
     const [themeRoot, setThemeRoot] = useState(null);
+    const [viewerI18n] = useState(()=>createRoomViewerI18n(language));
+    const { language: uiLanguage, direction } = useRoomViewerDirection(viewerI18n);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("style", {
@@ -16797,6 +17042,8 @@ function RoomViewer({ type, src, tinuuid, roomId, name, language, width, height,
                     }),
                     /*#__PURE__*/ jsx("div", {
                         ref: setThemeRoot,
+                        dir: direction,
+                        lang: uiLanguage,
                         style: {
                             height: '100%',
                             width: '100%'
@@ -16805,22 +17052,25 @@ function RoomViewer({ type, src, tinuuid, roomId, name, language, width, height,
                             root: themeRoot,
                             storageKey: "neurodyn-theme",
                             defaultTheme: "light",
-                            children: /*#__PURE__*/ jsx(I18nextProvider, {
-                                i18n: roomViewerI18n,
-                                children: /*#__PURE__*/ jsx(RoomViewerRoot, {
-                                    type: type,
-                                    src: src,
-                                    tinuuid: tinuuid,
-                                    roomId: roomId,
-                                    name: name,
-                                    language: language,
-                                    width: width,
-                                    height: height,
-                                    dimensionUnit: dimensionUnit,
-                                    displayUnit: displayUnit,
-                                    apiKey: apiKey,
-                                    source: source,
-                                    widgetSession: widgetSession
+                            children: /*#__PURE__*/ jsx(Direction.Provider, {
+                                dir: direction,
+                                children: /*#__PURE__*/ jsx(I18nextProvider, {
+                                    i18n: viewerI18n,
+                                    children: /*#__PURE__*/ jsx(RoomViewerRoot, {
+                                        type: type,
+                                        src: src,
+                                        tinuuid: tinuuid,
+                                        roomId: roomId,
+                                        name: name,
+                                        language: language,
+                                        width: width,
+                                        height: height,
+                                        dimensionUnit: dimensionUnit,
+                                        displayUnit: displayUnit,
+                                        apiKey: apiKey,
+                                        source: source,
+                                        widgetSession: widgetSession
+                                    })
                                 })
                             })
                         })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-room-viewer",
   "type": "module",
-  "version": "0.0.34",
+  "version": "0.1.0",
   "publishConfig": {
     "access": "public"
   },