architwin 1.0.94 → 1.0.96

package/lib/atwinui/components/toolbar/i18n.js

@@ -48,7 +48,9 @@ i18n
                 "AddObject": "Add Object",
                 "ConfirmDeleteTag": "Are you sure you want to delete this tag? This action cannot be reversed",
                 "DeleteTag": "Delete Tag",
-                "YesDelete": "Yes, delete"
+                "YesDelete": "Yes, delete",
+                "FileTooBig": "File too big! Please select a file with 2.5 MB and below.",
+                "RecipientError": "Select a recipient first"
             }
         },
         ja: {
@@ -78,7 +80,7 @@ i18n
                 "EmbedMedia": "埋め込みメディア",
                 "SaveTag": "タグ保存",
                 "AddTag": "タグ追加",
-                "NoRecipient": "未選択",
+                "NoRecipient": "宛先未選択",
                 "You": "あなた",
                 "MessageSentSuccess": "メッセージが登録されました",
                 "ModelAddedToSpace": "スペースへの登録が完了しました",
@@ -91,7 +93,9 @@ i18n
                 "AddObject": "追加",
                 "ConfirmDeleteTag": "この操作は取り消すことができません。このタグを削除しますか？",
                 "DeleteTag": "タグ削除",
-                "YesDelete": "削除"
+                "YesDelete": "削除",
+                "FileTooBig": "ファイルが大きすぎます (2.5MBまで)",
+                "RecipientError": "宛先を選んでください"
             }
         }
     },

package/lib/atwinui/components/toolbar/tagMessagingPane.js

@@ -1,6 +1,6 @@
 import { getTagMessageRecepients, getTagMessages, getSelectedTagUuid, dispatchSpaceEvent, _tags } from "../../../architwin";
 import { SPACE_EVENTS } from "../../../types";
-import { convertToCssRgb, generateUUID } from "../../../utils";
+import { bytesToMegabytes, convertToCssRgb, generateUUID } from "../../../utils";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { parseISO } from 'date-fns';
@@ -60,7 +60,7 @@ export function renderRecepientOptions() {
             recepientDropdown.innerHTML = ``;
             const firstOp = document.createElement('option');
             firstOp.value = '';
-            firstOp.textContent = 'No recepient';
+            firstOp.textContent = i18n.t('NoRecipient');
             recepientDropdown.appendChild(firstOp);
             recepients.forEach(recepient => {
                 const optionElem = document.createElement('option');
@@ -224,10 +224,17 @@ export function createTagMessage() {
     const created_on = dateToString(currentDate);
     console.log("Recepient message ", recepient_uuid);
     if (!recepient_uuid || recepient_uuid.uuid === '' || recepient_uuid.uuid === 'undefined') {
-        notyf.error("Select a recepient first");
+        notyf.error(i18n.t('RecipientError'));
         console.error("Please select a recepient first");
         return;
     }
+    const mediaSize = bytesToMegabytes(media.size);
+    console.log(`__@ media size: ${mediaSize.toFixed(2)} MB`);
+    if (mediaSize > 2.5) {
+        notyf.error(i18n.t('FileTooBig'));
+        console.error(`File too big: ${mediaSize.toFixed(2)} MB`);
+        return;
+    }
     if (!tag_uuid) {
         console.error("Tag uuid is undefined");
         return;
@@ -261,13 +268,14 @@ export function setTagMessagingDetails(tagId) {
             console.error("g does not exist in DOM");
             return;
         }
-        if (tagTitle.textContent === i18n.t('TagName')) {
+        if (tagTitle.textContent === i18n.t('TagName') || tagTitle.textContent != '') {
             //@ts-ignore
             const targetTag = _tags.find(tag => tag.id === tagId);
             if (!targetTag) {
                 console.log("Target tag not found");
                 return;
             }
+            console.log("__@ targetTag: ", targetTag.json_data);
             tagTitle.textContent = targetTag.json_data.label;
             tagColor.style.backgroundColor = convertToCssRgb(targetTag.json_data.color);
             return;

package/lib/utils.d.ts

@@ -27,3 +27,4 @@ export declare function dateTimeFormat(d: any): string;
 export declare function stringContains(str: string, target: string, isCaseSensitive?: boolean): boolean;
 export declare function getURLParams(param: string): string;
 export declare function useCapitalizeFirstLetter(string: string): string;
+export declare function bytesToMegabytes(bytes: number): number;

package/lib/utils.js

@@ -123,3 +123,6 @@ export function getURLParams(param) {
 export function useCapitalizeFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
 }
+export function bytesToMegabytes(bytes) {
+    return bytes / (1024 * 1024);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.0.94",
+  "version": "1.0.96",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",