@neurodyn/react-room-viewer 0.0.29 → 0.0.30

package/dist/index.d.ts

@@ -52,6 +52,8 @@ declare const resources: {
                 readonly viewInPlace: "View in place";
                 readonly scanQrCode: "Scan this QR code with your phone's camera to view the object in Augmented Reality";
                 readonly deviceRequirementsDisclaimer: "*Requires AR-supported device and browser. We recommend iOS 18 or later with Safari, or Android 7.0 or later with Chrome.";
+                readonly appClipScanTitle: "Scan with your phone camera";
+                readonly appClipRequirement: "AR view works on iOS 18 or later";
             };
             readonly legal: {
                 readonly termsOfUse: "Terms of Use";
@@ -190,6 +192,8 @@ declare const resources: {
                 readonly viewInPlace: "Примерить в комнате";
                 readonly scanQrCode: "Отсканируйте этот QR-код камерой телефона, чтобы просмотреть объект в дополненной реальности";
                 readonly deviceRequirementsDisclaimer: "*Требуется устройство и браузер с поддержкой AR. Рекомендуем iOS 18 или новее с Safari либо Android 7.0 или новее с Chrome.";
+                readonly appClipScanTitle: "Наведите камеру телефона";
+                readonly appClipRequirement: "AR-просмотр работает на iOS 18 и новее";
             };
             readonly legal: {
                 readonly termsOfUse: "Условия использования";

package/dist/index.js

@@ -6672,7 +6672,9 @@ const ns1 = {
     ar: {
         viewInPlace: 'View in place',
         scanQrCode: 'Scan this QR code with your phone\'s camera to view the object in Augmented Reality',
-        deviceRequirementsDisclaimer: '*Requires AR-supported device and browser. We recommend iOS 18 or later with Safari, or Android 7.0 or later with Chrome.'
+        deviceRequirementsDisclaimer: '*Requires AR-supported device and browser. We recommend iOS 18 or later with Safari, or Android 7.0 or later with Chrome.',
+        appClipScanTitle: 'Scan with your phone camera',
+        appClipRequirement: 'AR view works on iOS 18 or later'
     },
     legal: {
         termsOfUse: 'Terms of Use',
@@ -6809,7 +6811,9 @@ const ns1_ns1 = {
     ar: {
         viewInPlace: 'Примерить в комнате',
         scanQrCode: 'Отсканируйте этот QR-код камерой телефона, чтобы просмотреть объект в дополненной реальности',
-        deviceRequirementsDisclaimer: '*Требуется устройство и браузер с поддержкой AR. Рекомендуем iOS 18 или новее с Safari либо Android 7.0 или новее с Chrome.'
+        deviceRequirementsDisclaimer: '*Требуется устройство и браузер с поддержкой AR. Рекомендуем iOS 18 или новее с Safari либо Android 7.0 или новее с Chrome.',
+        appClipScanTitle: 'Наведите камеру телефона',
+        appClipRequirement: 'AR-просмотр работает на iOS 18 и новее'
     },
     legal: {
         termsOfUse: 'Условия использования',
@@ -17931,6 +17935,10 @@ const os = parser.getOS();
 const isIOS = 'iOS' === os.name;
 const isAndroid = 'Android' === os.name;
 const device_isMobile = 'mobile' === device.type;
+function isArEntryOffered(handoff, tinuuid) {
+    if (!handoff || isAndroid && device_isMobile || isAndroid && 'appclip' === handoff.ar) return false;
+    return 'floor' !== handoff.destination || Boolean(tinuuid);
+}
 function isAbsoluteUrl(value1) {
     return /^[a-z][a-z0-9+.-]*:/i.test(value1) || value1.startsWith('//');
 }
@@ -18086,7 +18094,8 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
         usdzUrl,
         glbUrl
     ]);
-    if (!handoff || isAndroid && device_isMobile || 'floor' === handoff.destination && !tinuuid) return null;
+    if (!isArEntryOffered(handoff, tinuuid)) return null;
+    const isAppClip = 'appclip' === handoff.ar;
     return /*#__PURE__*/ jsxs("div", {
         className: utils_cn(className),
         ...props,
@@ -18118,15 +18127,31 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
                                 data: url ?? ''
                             })
                         }),
-                        /*#__PURE__*/ jsx_runtime_jsx("p", {
+                        isAppClip ? /*#__PURE__*/ jsxs("div", {
+                            className: "grid gap-2 text-center",
+                            children: [
+                                /*#__PURE__*/ jsx_runtime_jsx("p", {
+                                    className: "text-lg text-text-sub font-medium",
+                                    children: t('ar.appClipScanTitle')
+                                }),
+                                /*#__PURE__*/ jsx_runtime_jsx("p", {
+                                    className: "text-sm text-text-light",
+                                    children: t('ar.appClipRequirement')
+                                })
+                            ]
+                        }) : /*#__PURE__*/ jsx_runtime_jsx("p", {
                             className: "text-lg text-center text-text-sub font-medium",
                             children: t('ar.scanQrCode')
                         }),
                         /*#__PURE__*/ jsxs("p", {
                             className: "text-xs text-center text-text-light",
                             children: [
-                                t('ar.deviceRequirementsDisclaimer'),
-                                /*#__PURE__*/ jsx_runtime_jsx("br", {}),
+                                !isAppClip && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        t('ar.deviceRequirementsDisclaimer'),
+                                        /*#__PURE__*/ jsx_runtime_jsx("br", {})
+                                    ]
+                                }),
                                 /*#__PURE__*/ jsx_runtime_jsx("a", {
                                     href: tenantConfig.TERMS_URL,
                                     target: "_blank",
@@ -19306,8 +19331,9 @@ const CARD_TEST_IDS = {
 function ArCardSlot({ band, slot, presentation }) {
     const { t } = useTranslation();
     const { room } = useRoomViewerRooms();
+    const { type } = useRoomViewerMetadata();
     const { tinuuid } = useRoomViewerResource();
-    if (!tinuuid || isAndroid && device_isMobile) return null;
+    if (!isArEntryOffered(resolveResourceProfile(type).handoff, tinuuid)) return null;
     if ('card' === presentation.appearance) return /*#__PURE__*/ jsxs("div", {
         className: "flex h-24 w-[280px] items-center gap-4 overflow-hidden rounded-2xl bg-background-containers p-4 text-text-dark shadow-[var(--shadow-login)]",
         "data-chrome-slot": slot,

package/package.json

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