@neurodyn/react-room-viewer 0.0.35 → 0.2.0

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__, {
@@ -528,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);
   }
@@ -576,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);
   }
@@ -592,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%;
   }
@@ -636,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%;
   }
@@ -762,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);
   }
@@ -794,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;
   }
@@ -2329,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);
   }
@@ -2349,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);
   }
@@ -2365,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);
   }
@@ -2385,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;
   }
@@ -2405,6 +2421,10 @@ var __webpack_modules__ = {
     text-align: left;
   }
 
+  .text-start {
+    text-align: start;
+  }
+
   .align-middle {
     vertical-align: middle;
   }
@@ -4620,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);
     }
@@ -4628,10 +4652,6 @@ var __webpack_modules__ = {
       top: 50%;
     }
 
-    .sm\\:right-6 {
-      right: calc(var(--spacing) * 6);
-    }
-
     .sm\\:bottom-auto {
       bottom: auto;
     }
@@ -4862,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);
   }
@@ -5091,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;
   }
@@ -5458,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;
@@ -6125,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;
+}
 `,
             ""
         ]);
@@ -6257,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: {
@@ -6275,7 +6470,7 @@ const ns1 = {
     },
     legal: {
         termsOfUse: 'Terms of Use',
-        conjunction: 'and',
+        conjunction: ' and ',
         privacyPolicy: 'Privacy Policy'
     },
     shareMessage: {
@@ -6404,8 +6599,8 @@ const ns1 = {
         }
     }
 };
-const en_ns1 = ns1;
-const ns1_ns1 = {
+const en_ns1 = ns1_ns1;
+const ru_ns1_ns1 = {
     matting: 'Паспарту',
     close: 'Закрыть',
     mattingOptions: {
@@ -6424,7 +6619,7 @@ const ns1_ns1 = {
     },
     legal: {
         termsOfUse: 'Условия использования',
-        conjunction: 'и',
+        conjunction: ' и ',
         privacyPolicy: 'Политика конфиденциальности'
     },
     shareMessage: {
@@ -6553,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: []
@@ -6573,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;
@@ -6601,69 +6830,6 @@ ${propertyDefaults}
 }
 var styleinline = __webpack_require__("./src/style.css?inline");
 const shadowRootCssText = createShadowRootCssText(styleinline.A);
-function getRoomViewerBackendApiBaseUrl(baseUrl) {
-    const normalized = baseUrl?.trim().replace(/\/+$/, '') ?? '';
-    if (!normalized || normalized.includes('/v1/http') || normalized.endsWith('/v1')) return normalized || void 0;
-    const httpSegmentIndex = normalized.indexOf('/http');
-    if (httpSegmentIndex >= 0) return `${normalized.slice(0, httpSegmentIndex)}/v1${normalized.slice(httpSegmentIndex)}`;
-    return `${normalized}/v1`;
-}
-const shopifyProxyApiBaseUrl = getRoomViewerBackendApiBaseUrl("/apps/vizbl-wall-art/http") ?? '';
-function getRoomViewerApiBaseUrl(baseUrl) {
-    return baseUrl?.trim().replace(/\/+$/, '').replace(/\/(?:v1(?:\/http)?|http)$/, '') || void 0;
-}
-function normalizeRoomViewerApiKey(apiKey) {
-    const trimmed = apiKey?.trim();
-    return trimmed || void 0;
-}
-function normalizeRoomViewerTinuuid(tinuuid) {
-    const trimmed = tinuuid?.trim();
-    return trimmed || void 0;
-}
-function shouldUseRoomViewerPublicApi(options) {
-    return 'shopify' === options.source || void 0 !== options.apiKey;
-}
-function getRoomViewerPublicApiProductType(options) {
-    if ('wall-panel' === options.resourceType) return 'panels';
-    if ('rugs' === options.resourceType) return 'rugs';
-    if ('flooring' === options.resourceType) return 'flooring';
-    return 'shopify' === options.source ? 'wallart-shopify' : 'wallart';
-}
-function getRoomViewerBackendProductType(options) {
-    if ('wall-panel' === options.resourceType) return 'panels';
-    if ('rugs' === options.resourceType) return 'rugs';
-    if ('flooring' === options.resourceType) return 'flooring';
-    return 'wallart';
-}
-function getRoomViewerPublicApiQuery(options) {
-    const productType = getRoomViewerPublicApiProductType(options);
-    return 'panels' === productType ? {
-        query: void 0,
-        config: {
-            params: {
-                productType
-            }
-        }
-    } : {
-        query: {
-            productType
-        },
-        config: {}
-    };
-}
-function getRoomViewerActivationQuery(options) {
-    return getRoomViewerPublicApiQuery('wall-panel' === options.resourceType ? options : {
-        ...options,
-        resourceType: void 0
-    });
-}
-function getRoomViewerAccessError(error) {
-    if (!isAxiosError(error)) return null;
-    const status = error.response?.status;
-    if (401 === status) return 'unauthorized';
-    if (402 === status) return 'payment-required';
-    return null;
-}
 const DEFAULT_API_TIMEOUT = 30000;
 function createDefaultClient(defaultBaseURL) {
     return axios.create({
@@ -7088,6 +7254,17 @@ async function layoutControllerReadLayoutConfig(headers, config = {}) {
     });
     return res.data;
 }
+async function arLaunchControllerCreateArLaunch(data, config = {}) {
+    const { client: request = client_client, ...requestConfig } = config;
+    const requestData = data;
+    const res = await request({
+        method: "POST",
+        url: "/public/ar-launches",
+        data: requestData,
+        ...requestConfig
+    });
+    return res.data;
+}
 async function publicApiControllerActivateWallart(params, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const res = await request({
@@ -7098,65 +7275,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;
@@ -7184,6 +7361,90 @@ async function widgetEventsControllerCreateWidgetEvent(data, config = {}) {
     });
     return res.data;
 }
+function getRoomViewerAccessError(error) {
+    if (!isAxiosError(error)) return null;
+    const status = error.response?.status;
+    if (401 === status) return 'unauthorized';
+    if (402 === status) return 'payment-required';
+    return null;
+}
+function createArLaunchId() {
+    if ("u" > typeof crypto && 'function' == typeof crypto.randomUUID) return crypto.randomUUID();
+    const bytes = crypto.getRandomValues(new Uint8Array(16));
+    bytes[6] = 0x0F & bytes[6] | 0x40;
+    bytes[8] = 0x3F & bytes[8] | 0x80;
+    const hex = Array.from(bytes, (byte)=>byte.toString(16).padStart(2, '0')).join('');
+    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+async function requestArLaunch(session, { format, launchId, tinuuid }) {
+    try {
+        await arLaunchControllerCreateArLaunch({
+            entryPoint: 'ar_launched',
+            format,
+            launchId,
+            tinuuid
+        }, await session.getApiConfigForRequest());
+        return 'granted';
+    } catch (error) {
+        return 'payment-required' === getRoomViewerAccessError(error) ? 'payment-required' : 'unavailable';
+    }
+}
+function getRoomViewerBackendApiBaseUrl(baseUrl) {
+    const normalized = baseUrl?.trim().replace(/\/+$/, '') ?? '';
+    if (!normalized || normalized.includes('/v1/http') || normalized.endsWith('/v1')) return normalized || void 0;
+    const httpSegmentIndex = normalized.indexOf('/http');
+    if (httpSegmentIndex >= 0) return `${normalized.slice(0, httpSegmentIndex)}/v1${normalized.slice(httpSegmentIndex)}`;
+    return `${normalized}/v1`;
+}
+const shopifyProxyApiBaseUrl = getRoomViewerBackendApiBaseUrl("/apps/vizbl-wall-art/http") ?? '';
+function getRoomViewerApiBaseUrl(baseUrl) {
+    return baseUrl?.trim().replace(/\/+$/, '').replace(/\/(?:v1(?:\/http)?|http)$/, '') || void 0;
+}
+function normalizeRoomViewerApiKey(apiKey) {
+    const trimmed = apiKey?.trim();
+    return trimmed || void 0;
+}
+function normalizeRoomViewerTinuuid(tinuuid) {
+    const trimmed = tinuuid?.trim();
+    return trimmed || void 0;
+}
+function shouldUseRoomViewerPublicApi(options) {
+    return 'shopify' === options.source || void 0 !== options.apiKey;
+}
+function getRoomViewerPublicApiProductType(options) {
+    if ('wall-panel' === options.resourceType) return 'panels';
+    if ('rugs' === options.resourceType) return 'rugs';
+    if ('flooring' === options.resourceType) return 'flooring';
+    return 'shopify' === options.source ? 'wallart-shopify' : 'wallart';
+}
+function getRoomViewerBackendProductType(options) {
+    if ('wall-panel' === options.resourceType) return 'panels';
+    if ('rugs' === options.resourceType) return 'rugs';
+    if ('flooring' === options.resourceType) return 'flooring';
+    return 'wallart';
+}
+function getRoomViewerPublicApiQuery(options) {
+    const productType = getRoomViewerPublicApiProductType(options);
+    return 'panels' === productType ? {
+        query: void 0,
+        config: {
+            params: {
+                productType
+            }
+        }
+    } : {
+        query: {
+            productType
+        },
+        config: {}
+    };
+}
+function getRoomViewerActivationQuery(options) {
+    return getRoomViewerPublicApiQuery('wall-panel' === options.resourceType ? options : {
+        ...options,
+        resourceType: void 0
+    });
+}
 const WIDGET_SESSION_TOKEN_HEADER = 'x-widget-session-token';
 const DEFAULT_REFRESH_THRESHOLD_MS = 30000;
 const createWidgetEventViaGeneratedApi = (data, config)=>widgetEventsControllerCreateWidgetEvent(data, config);
@@ -7267,10 +7528,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 = {
@@ -7282,9 +7553,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 [
@@ -7361,7 +7633,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, {
@@ -7384,7 +7656,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
@@ -7423,10 +7695,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,
@@ -7509,7 +7781,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"
@@ -8088,19 +8360,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"
@@ -8115,7 +8387,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
     });
 }
@@ -12234,7 +12506,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: [
@@ -12259,7 +12531,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, {})
@@ -12312,7 +12584,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",
@@ -12775,7 +13047,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",
@@ -12788,7 +13060,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) {
@@ -12808,7 +13080,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"
@@ -12969,7 +13241,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", {
@@ -13338,9 +13610,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('//');
@@ -13371,6 +13641,7 @@ function buildRoomViewerArUrl({ height, language, name, src, tenantConfig, tinuu
     if (widgetSessionToken) url.searchParams.set('widgetSessionToken', widgetSessionToken);
     return url.toString();
 }
+const AR_LAUNCH_TIMEOUT_MS = 3000;
 async function whenArModeSelected(modelViewer) {
     await modelViewer.updateComplete;
     if (!modelViewer.canActivateAR && navigator.xr?.isSessionSupported) {
@@ -13399,7 +13670,7 @@ async function presentAr(modelViewer) {
 function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, buttonSize, buttonVariant = 'contrast', ...props }) {
     const { type, width, height, name } = useRoomViewerMetadata();
     const { handoff } = resolveResourceProfile(type);
-    const { src, tinuuid, widgetSession } = useRoomViewerResource();
+    const { setAccessError, src, tinuuid, widgetSession } = useRoomViewerResource();
     const { containerRef, resourceRef } = useRoomViewerSceneState();
     const { t, i18n } = useTranslation();
     const tenant = useRoomViewerTenant();
@@ -13475,16 +13746,34 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
         modelViewerMountRef.current = null;
         setIsModelViewerRequested(false);
     }
+    async function readWidgetSessionToken() {
+        return widgetSession?.getTokenForRequest().catch(()=>widgetSession.token);
+    }
     async function refreshHandoffWidgetSessionToken() {
-        const nextToken = await widgetSession?.getTokenForRequest().catch(()=>widgetSession.token);
-        setHandoffWidgetSessionToken(nextToken);
+        setHandoffWidgetSessionToken(await readWidgetSessionToken());
+    }
+    async function payForArLaunch() {
+        if (!widgetSession || !tinuuid) return 'unavailable';
+        const timeout = new Promise((resolve)=>{
+            window.setTimeout(()=>resolve('unavailable'), AR_LAUNCH_TIMEOUT_MS);
+        });
+        return Promise.race([
+            requestArLaunch(widgetSession, {
+                format: isIOS() ? 'usdz' : 'glb',
+                launchId: createArLaunchId(),
+                tinuuid
+            }),
+            timeout
+        ]);
     }
     const handleClick = async ()=>{
         if (handoff?.ar === 'appclip') {
             if (!tinuuid) return;
             if (isIOS() && appClipUrl) {
-                sendWidgetEvent(widgetSession, 'appclip');
-                window.location.assign(appClipUrl);
+                const token = await readWidgetSessionToken();
+                const link = new URL(appClipUrl);
+                if (token) link.searchParams.set('widgetSessionToken', token);
+                window.location.assign(link.toString());
                 return;
             }
             await refreshHandoffWidgetSessionToken();
@@ -13501,53 +13790,59 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
         }
         const sceneResource = resourceRef.current;
         if (!sceneResource) return void releaseModelViewer();
-        if (modelViewer.canActivateAR) try {
-            setIsSceneExporting(true);
-            const clone = sceneResource.clone(true);
-            clone.position.set(0, 0, 0);
-            clone.quaternion.identity();
-            clone.updateMatrix();
-            clone.updateMatrixWorld(true);
-            if (isIOS()) {
-                clone.rotation.set(-Math.PI / 2, 0, 0);
+        if (modelViewer.canActivateAR) {
+            if (await payForArLaunch() === 'payment-required') {
+                releaseModelViewer();
+                setAccessError('payment-required');
+                return;
+            }
+            try {
+                setIsSceneExporting(true);
+                const clone = sceneResource.clone(true);
+                clone.position.set(0, 0, 0);
+                clone.quaternion.identity();
                 clone.updateMatrix();
                 clone.updateMatrixWorld(true);
-                const usdzExporter = new USDZExporter();
-                const usdzBuffer = await usdzExporter.parseAsync(clone, {
-                    ar: {
-                        anchoring: {
-                            type: 'plane'
-                        },
-                        planeAnchoring: {
-                            alignment: 'vertical'
+                if (isIOS()) {
+                    clone.rotation.set(-Math.PI / 2, 0, 0);
+                    clone.updateMatrix();
+                    clone.updateMatrixWorld(true);
+                    const usdzExporter = new USDZExporter();
+                    const usdzBuffer = await usdzExporter.parseAsync(clone, {
+                        ar: {
+                            anchoring: {
+                                type: 'plane'
+                            },
+                            planeAnchoring: {
+                                alignment: 'vertical'
+                            }
                         }
-                    }
-                });
-                const usdzFile = new File([
-                    usdzBuffer
-                ], 'scene.usdz', {
-                    type: 'model/vnd.usdz+zip'
-                });
-                setUsdzUrl(URL.createObjectURL(usdzFile));
-            } else {
-                const glbExporter = new GLTFExporter();
-                const glbBuffer = await glbExporter.parseAsync(clone, {
-                    binary: true
-                });
-                const glbFile = new File([
-                    glbBuffer
-                ], 'scene.glb', {
-                    type: 'model/gltf-binary'
-                });
-                setGlbUrl(URL.createObjectURL(glbFile));
+                    });
+                    const usdzFile = new File([
+                        usdzBuffer
+                    ], 'scene.usdz', {
+                        type: 'model/vnd.usdz+zip'
+                    });
+                    setUsdzUrl(URL.createObjectURL(usdzFile));
+                } else {
+                    const glbExporter = new GLTFExporter();
+                    const glbBuffer = await glbExporter.parseAsync(clone, {
+                        binary: true
+                    });
+                    const glbFile = new File([
+                        glbBuffer
+                    ], 'scene.glb', {
+                        type: 'model/gltf-binary'
+                    });
+                    setGlbUrl(URL.createObjectURL(glbFile));
+                }
+            } catch (error) {
+                releaseModelViewer();
+                throw error;
+            } finally{
+                setIsSceneExporting(false);
             }
-        } catch (error) {
-            releaseModelViewer();
-            throw error;
-        } finally{
-            setIsSceneExporting(false);
-        }
-        else {
+        } else {
             releaseModelViewer();
             await refreshHandoffWidgetSessionToken();
             setOpen(true);
@@ -13633,9 +13928,7 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
                                     },
                                     children: t('legal.termsOfUse')
                                 }),
-                                ' ',
                                 t('legal.conjunction'),
-                                ' ',
                                 /*#__PURE__*/ jsx("a", {
                                     href: tenantConfig.PRIVACY_URL,
                                     target: "_blank",
@@ -13790,12 +14083,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"
@@ -14278,9 +14571,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',
@@ -14414,7 +14707,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, {})
                                     }),
@@ -14435,9 +14728,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',
@@ -15806,7 +16099,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",
@@ -15902,7 +16195,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", {
@@ -15924,7 +16217,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", {
@@ -15970,7 +16263,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
@@ -16097,11 +16390,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;
 }
@@ -16666,7 +16954,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
@@ -16701,6 +16989,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);
@@ -16764,15 +17054,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
+                            })
                         })
                     })
                 ]
@@ -16782,6 +17077,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", {
@@ -16802,6 +17099,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%'
@@ -16810,22 +17109,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
+                                    })
                                 })
                             })
                         })