npm - @ozdao/martyrs - Versions diffs - 0.2.571 → 0.2.574 - Mend

@ozdao/martyrs 0.2.571 → 0.2.574

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (819) hide show

package/dist/martyrs/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfileEditCredentials.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/ProfileEditCredentials.vue"],"sourcesContent":["<template>\n <div v-if=\"show\" class=\"\">\n <h3 class=\"mn-b-small\">Phone and Email</h3>\n\n <!-- Email section -->\n <div v-if=\"!users.state.current.email\" class=\"mn-b-semi\">\n <div v-if=\"isAddingEmail\">\n <Field \n v-model:field=\"newEmail\" \n label=\"Email\" \n placeholder=\"Enter your email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <div class=\"flex gap-2\">\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => sendVerification('email', 'add')\" \n class=\"mn-b-thin t-white bg-second flex-1\"\n >\n Add Email\n </Button>\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => cancelAdding('email')\" \n class=\"mn-b-thin bg-red t-white flex-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n <Button \n v-if=\"!isAddingEmail\"\n :submit=\"() => startAdding('email')\" \n class=\"mn-b-thin t-white bg-second w-100\"\n >\n Add Email\n </Button>\n </div>\n\n <!-- Phone section -->\n <div v-if=\"!users.state.current.phone\" class=\"mn-b-semi\">\n <div v-if=\"isAddingPhone\">\n <FieldPhone\n @change=\"(event) => newPhone = event\" \n :dropdownOptions=\"{\n showDialCodeInSelection: true,\n showFlags: true,\n showDialCodeInList: true\n }\"\n :validCharactersOnly=\"true\"\n mode=\"national\"\n :inputOptions=\"{placeholder: 'Enter your phone number', type: 'tel'}\"\n class=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n />\n\n <div class=\"flex gap-2\">\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => sendVerification('phone', 'add')\" \n class=\"mn-b-thin t-white bg-second flex-1\"\n >\n Add Phone\n </Button>\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => cancelAdding('phone')\" \n class=\"mn-b-thin t-white bg-second t-white flex-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n <Button \n v-if=\"!isAddingPhone\"\n :submit=\"() => startAdding('phone')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Add Phone\n </Button>\n </div>\n\n <!-- Current contact info with edit options -->\n <div class=\"mn-b-semi\">\n <!-- Current/Edit Phone -->\n <div v-if=\"users.state.current.phone\" class=\"mn-b-thin\">\n <Field \n v-if=\"!isEditingPhone\"\n v-model:field=\"users.state.current.phone\" \n label=\"Phone\" \n class=\"mn-b-thin bg-light pd-medium radius-small\" \n disabled=\"true\"\n />\n <Field \n v-else\n v-model:field=\"newPhone\" \n label=\"New Phone\" \n placeholder=\"Enter new phone number\" \n class=\"mn-b-thin t-black bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <Button \n v-if=\"!isEditingPhone && !isVerificationSent\"\n :submit=\"() => startEditing('phone')\" \n class=\"mn-b-thin t-black bg-light w-100\"\n >\n Change Phone\n </Button>\n <Button \n v-if=\"isEditingPhone && !isVerificationSent\"\n :submit=\"() => sendVerification('phone', 'edit')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Verify New Phone\n </Button>\n </div>\n\n <!-- Current/Edit Email -->\n <div v-if=\"users.state.current.email\">\n <Field \n v-if=\"!isEditingEmail\"\n v-model:field=\"users.state.current.email\" \n label=\"Email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\" \n disabled=\"true\"\n />\n <Field \n v-else\n v-model:field=\"newEmail\" \n label=\"New Email\" \n placeholder=\"Enter new email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <Button \n v-if=\"!isEditingEmail && !isVerificationSent\"\n :submit=\"() => startEditing('email')\" \n class=\"mn-b-thin t-black bg-light w-100\"\n >\n Change Email\n </Button>\n <Button \n v-if=\"isEditingEmail && !isVerificationSent\"\n :submit=\"() => sendVerification('email', 'edit')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Verify New Email\n </Button>\n </div>\n </div>\n\n <!-- Verification code section -->\n <div v-if=\"isVerificationSent\" class=\"mn-b-semi\">\n <Field \n v-model:field=\"verificationCode\" \n label=\"Verification Code\" \n placeholder=\"Enter the code\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n />\n <div class=\"flex gap-2\">\n <Button \n :submit=\"verifyCode\" \n class=\"mn-b-thin bg-main flex-1\"\n >\n Verify\n </Button>\n <Button \n :submit=\"resendCode\" \n class=\"mn-b-thin bg-light flex-1\"\n >\n Resend Code\n </Button>\n <Button \n :submit=\"cancelEdit\" \n class=\"mn-b-thin bg-red t-white flex-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\n// Import components\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\n// Import libs\nimport { ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\n\n// Component state\nconst show = ref(false)\nconst newEmail = ref('')\nconst newPhone = ref('')\nconst verificationCode = ref('')\nconst isVerificationSent = ref(false)\nconst currentVerificationType = ref(null)\nconst currentAction = ref(null) // 'add' or 'edit'\nconst isEditingEmail = ref(false)\nconst isEditingPhone = ref(false)\nconst isAddingEmail = ref(false)\nconst isAddingPhone = ref(false)\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\n\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\n// Lifecycle hooks\nonMounted(async () => {\n await users.actions.read({ _id: route.params._id })\n show.value = true\n})\n\n// Methods\nfunction startEditing(type) {\n if (type === 'email') {\n isEditingEmail.value = true\n newEmail.value = ''\n } else {\n isEditingPhone.value = true\n newPhone.value = ''\n }\n}\n\n// Methods for adding new contact info\nfunction startAdding(type) {\n if (type === 'email') {\n isAddingEmail.value = true\n newEmail.value = ''\n } else {\n isAddingPhone.value = true\n newPhone.value = ''\n }\n}\n\nfunction cancelAdding(type) {\n if (type === 'email') {\n isAddingEmail.value = false\n newEmail.value = ''\n } else {\n isAddingPhone.value = false\n newPhone.value = ''\n }\n}\n\nfunction cancelEdit() {\n isEditingEmail.value = false\n isEditingPhone.value = false\n isAddingEmail.value = false\n isAddingPhone.value = false\n isVerificationSent.value = false\n verificationCode.value = ''\n newEmail.value = ''\n newPhone.value = ''\n currentVerificationType.value = null\n currentAction.value = null\n}\n\nasync function sendVerification(type, action) {\n try {\n // Validate input before sending verification\n if (action === 'edit') {\n if (type === 'email' && (!newEmail.value \|\| newEmail.value === users.state.current.email)) {\n throw new Error('Please enter a different email address')\n }\n if (type === 'phone' && (!newPhone.value \|\| newPhone.value === users.state.current.phone)) {\n throw new Error('Please enter a different phone number')\n }\n }\n\n const userData = {\n phone: type === 'phone' ? newPhone.value : users.state.current.phone,\n email: type === 'email' ? newEmail.value : users.state.current.email\n }\n\n await twofa.sendCode(userData, 'update', type)\n isVerificationSent.value = true\n currentVerificationType.value = type\n currentAction.value = action\n } catch (error) {\n console.error('Failed to send verification code:', error)\n }\n}\n\nasync function verifyCode() {\n try {\n // Проверяем, что код существует в state\n if (!twofa.state.code \|\| !twofa.state.code.code) {\n throw new Error('Verification code not found')\n }\n\n // Сравниваем введенный код с кодом из state\n if (String(twofa.state.code.code) === String(verificationCode.value)) {\n const updateData = { ...users.state.current }\n \n if (currentVerificationType.value === 'email') {\n updateData.email = newEmail.value\n } else {\n updateData.phone = newPhone.value\n }\n\n await users.actions.update(updateData)\n \n // Reset state\n cancelEdit()\n \n // Refresh user data\n await users.actions.read({ _id: route.params._id })\n } else {\n throw new Error('Invalid verification code')\n }\n } catch (error) {\n console.error('Verification failed:', error)\n }\n}\n\nasync function resendCode() {\n verificationCode.value = ''\n await sendVerification(currentVerificationType.value, currentAction.value)\n}\n</script>"],"names":["users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":"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"}
1	+ {"version":3,"file":"ProfileEditCredentials.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/ProfileEditCredentials.vue"],"sourcesContent":["<template>\n <div v-if=\"show\" class=\"\">\n <h3 class=\"mn-b-small\">Phone and Email</h3>\n\n <!-- Email section -->\n <div v-if=\"!users.state.current.email\" class=\"mn-b-semi\">\n <div v-if=\"isAddingEmail\">\n <Field \n v-model:field=\"newEmail\" \n label=\"Email\" \n placeholder=\"Enter your email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <div class=\"flex gap-2\">\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => sendVerification('email', 'add')\" \n class=\"mn-b-thin t-white bg-second flex-child-1\"\n >\n Add Email\n </Button>\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => cancelAdding('email')\" \n class=\"mn-b-thin bg-red t-white flex-child-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n <Button \n v-if=\"!isAddingEmail\"\n :submit=\"() => startAdding('email')\" \n class=\"mn-b-thin t-white bg-second w-100\"\n >\n Add Email\n </Button>\n </div>\n\n <!-- Phone section -->\n <div v-if=\"!users.state.current.phone\" class=\"mn-b-semi\">\n <div v-if=\"isAddingPhone\">\n <FieldPhone\n @change=\"(event) => newPhone = event\" \n :dropdownOptions=\"{\n showDialCodeInSelection: true,\n showFlags: true,\n showDialCodeInList: true\n }\"\n :validCharactersOnly=\"true\"\n mode=\"national\"\n :inputOptions=\"{placeholder: 'Enter your phone number', type: 'tel'}\"\n class=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n />\n\n <div class=\"flex gap-2\">\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => sendVerification('phone', 'add')\" \n class=\"mn-b-thin t-white bg-second flex-child-1\"\n >\n Add Phone\n </Button>\n <Button \n v-if=\"!isVerificationSent\"\n :submit=\"() => cancelAdding('phone')\" \n class=\"mn-b-thin t-white bg-second t-white flex-child-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n <Button \n v-if=\"!isAddingPhone\"\n :submit=\"() => startAdding('phone')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Add Phone\n </Button>\n </div>\n\n <!-- Current contact info with edit options -->\n <div class=\"mn-b-semi\">\n <!-- Current/Edit Phone -->\n <div v-if=\"users.state.current.phone\" class=\"mn-b-thin\">\n <Field \n v-if=\"!isEditingPhone\"\n v-model:field=\"users.state.current.phone\" \n label=\"Phone\" \n class=\"mn-b-thin bg-light pd-medium radius-small\" \n disabled=\"true\"\n />\n <Field \n v-else\n v-model:field=\"newPhone\" \n label=\"New Phone\" \n placeholder=\"Enter new phone number\" \n class=\"mn-b-thin t-black bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <Button \n v-if=\"!isEditingPhone && !isVerificationSent\"\n :submit=\"() => startEditing('phone')\" \n class=\"mn-b-thin t-black bg-light w-100\"\n >\n Change Phone\n </Button>\n <Button \n v-if=\"isEditingPhone && !isVerificationSent\"\n :submit=\"() => sendVerification('phone', 'edit')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Verify New Phone\n </Button>\n </div>\n\n <!-- Current/Edit Email -->\n <div v-if=\"users.state.current.email\">\n <Field \n v-if=\"!isEditingEmail\"\n v-model:field=\"users.state.current.email\" \n label=\"Email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\" \n disabled=\"true\"\n />\n <Field \n v-else\n v-model:field=\"newEmail\" \n label=\"New Email\" \n placeholder=\"Enter new email\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n :disabled=\"isVerificationSent\"\n />\n <Button \n v-if=\"!isEditingEmail && !isVerificationSent\"\n :submit=\"() => startEditing('email')\" \n class=\"mn-b-thin t-black bg-light w-100\"\n >\n Change Email\n </Button>\n <Button \n v-if=\"isEditingEmail && !isVerificationSent\"\n :submit=\"() => sendVerification('email', 'edit')\" \n class=\"mn-b-thin bg-main w-100\"\n >\n Verify New Email\n </Button>\n </div>\n </div>\n\n <!-- Verification code section -->\n <div v-if=\"isVerificationSent\" class=\"mn-b-semi\">\n <Field \n v-model:field=\"verificationCode\" \n label=\"Verification Code\" \n placeholder=\"Enter the code\" \n class=\"mn-b-thin bg-light pd-medium radius-small\"\n />\n <div class=\"flex gap-2\">\n <Button \n :submit=\"verifyCode\" \n class=\"mn-b-thin bg-main flex-child-1\"\n >\n Verify\n </Button>\n <Button \n :submit=\"resendCode\" \n class=\"mn-b-thin bg-light flex-child-1\"\n >\n Resend Code\n </Button>\n <Button \n :submit=\"cancelEdit\" \n class=\"mn-b-thin bg-red t-white flex-child-1\"\n >\n Cancel\n </Button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\n// Import components\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\n// Import libs\nimport { ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\n\n// Component state\nconst show = ref(false)\nconst newEmail = ref('')\nconst newPhone = ref('')\nconst verificationCode = ref('')\nconst isVerificationSent = ref(false)\nconst currentVerificationType = ref(null)\nconst currentAction = ref(null) // 'add' or 'edit'\nconst isEditingEmail = ref(false)\nconst isEditingPhone = ref(false)\nconst isAddingEmail = ref(false)\nconst isAddingPhone = ref(false)\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\n\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\n// Lifecycle hooks\nonMounted(async () => {\n await users.actions.read({ _id: route.params._id })\n show.value = true\n})\n\n// Methods\nfunction startEditing(type) {\n if (type === 'email') {\n isEditingEmail.value = true\n newEmail.value = ''\n } else {\n isEditingPhone.value = true\n newPhone.value = ''\n }\n}\n\n// Methods for adding new contact info\nfunction startAdding(type) {\n if (type === 'email') {\n isAddingEmail.value = true\n newEmail.value = ''\n } else {\n isAddingPhone.value = true\n newPhone.value = ''\n }\n}\n\nfunction cancelAdding(type) {\n if (type === 'email') {\n isAddingEmail.value = false\n newEmail.value = ''\n } else {\n isAddingPhone.value = false\n newPhone.value = ''\n }\n}\n\nfunction cancelEdit() {\n isEditingEmail.value = false\n isEditingPhone.value = false\n isAddingEmail.value = false\n isAddingPhone.value = false\n isVerificationSent.value = false\n verificationCode.value = ''\n newEmail.value = ''\n newPhone.value = ''\n currentVerificationType.value = null\n currentAction.value = null\n}\n\nasync function sendVerification(type, action) {\n try {\n // Validate input before sending verification\n if (action === 'edit') {\n if (type === 'email' && (!newEmail.value \|\| newEmail.value === users.state.current.email)) {\n throw new Error('Please enter a different email address')\n }\n if (type === 'phone' && (!newPhone.value \|\| newPhone.value === users.state.current.phone)) {\n throw new Error('Please enter a different phone number')\n }\n }\n\n const userData = {\n phone: type === 'phone' ? newPhone.value : users.state.current.phone,\n email: type === 'email' ? newEmail.value : users.state.current.email\n }\n\n await twofa.sendCode(userData, 'update', type)\n isVerificationSent.value = true\n currentVerificationType.value = type\n currentAction.value = action\n } catch (error) {\n console.error('Failed to send verification code:', error)\n }\n}\n\nasync function verifyCode() {\n try {\n // Проверяем, что код существует в state\n if (!twofa.state.code \|\| !twofa.state.code.code) {\n throw new Error('Verification code not found')\n }\n\n // Сравниваем введенный код с кодом из state\n if (String(twofa.state.code.code) === String(verificationCode.value)) {\n const updateData = { ...users.state.current }\n \n if (currentVerificationType.value === 'email') {\n updateData.email = newEmail.value\n } else {\n updateData.phone = newPhone.value\n }\n\n await users.actions.update(updateData)\n \n // Reset state\n cancelEdit()\n \n // Refresh user data\n await users.actions.read({ _id: route.params._id })\n } else {\n throw new Error('Invalid verification code')\n }\n } catch (error) {\n console.error('Verification failed:', error)\n }\n}\n\nasync function resendCode() {\n verificationCode.value = ''\n await sendVerification(currentVerificationType.value, currentAction.value)\n}\n</script>"],"names":["users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqMA,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,mBAAmB,IAAI,EAAE;AAC/B,UAAM,qBAAqB,IAAI,KAAK;AACpC,UAAM,0BAA0B,IAAI,IAAI;AACxC,UAAM,gBAAgB,IAAI,IAAI;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,gBAAgB,IAAI,KAAK;AAG/B,UAAM,QAAQ,SAAQ;AACP,cAAS;AAKxB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAClD,WAAK,QAAQ;AAAA,IACf,CAAC;AAGD,aAAS,aAAa,MAAM;AAC1B,UAAI,SAAS,SAAS;AACpB,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAGA,aAAS,YAAY,MAAM;AACzB,UAAI,SAAS,SAAS;AACpB,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,aAAS,aAAa,MAAM;AAC1B,UAAI,SAAS,SAAS;AACpB,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,qBAAe,QAAQ;AACvB,qBAAe,QAAQ;AACvB,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,yBAAmB,QAAQ;AAC3B,uBAAiB,QAAQ;AACzB,eAAS,QAAQ;AACjB,eAAS,QAAQ;AACjB,8BAAwB,QAAQ;AAChC,oBAAc,QAAQ;AAAA,IACxB;AAEA,mBAAe,iBAAiB,MAAM,QAAQ;AAC5C,UAAI;AAEF,YAAI,WAAW,QAAQ;AACrB,cAAI,SAAS,YAAY,CAAC,SAAS,SAAS,SAAS,UAAUC,MAAY,QAAQ,QAAQ;AACzF,kBAAM,IAAI,MAAM,wCAAwC;AAAA,UAC1D;AACA,cAAI,SAAS,YAAY,CAAC,SAAS,SAAS,SAAS,UAAUA,MAAY,QAAQ,QAAQ;AACzF,kBAAM,IAAI,MAAM,uCAAuC;AAAA,UACzD;AAAA,QACF;AAEA,cAAM,WAAW;AAAA,UACf,OAAO,SAAS,UAAU,SAAS,QAAQA,MAAY,QAAQ;AAAA,UAC/D,OAAO,SAAS,UAAU,SAAS,QAAQA,MAAY,QAAQ;AAAA,QACrE;AAEI,cAAMC,SAAe,UAAU,UAAU,IAAI;AAC7C,2BAAmB,QAAQ;AAC3B,gCAAwB,QAAQ;AAChC,sBAAc,QAAQ;AAAA,MACxB,SAAS,OAAO;AACd,gBAAQ,MAAM,qCAAqC,KAAK;AAAA,MAC1D;AAAA,IACF;AAEA,mBAAe,aAAa;AAC1B,UAAI;AAEF,YAAI,CAACC,QAAY,QAAQ,CAACA,QAAY,KAAK,MAAM;AAC/C,gBAAM,IAAI,MAAM,6BAA6B;AAAA,QAC/C;AAGA,YAAI,OAAOA,QAAY,KAAK,IAAI,MAAM,OAAO,iBAAiB,KAAK,GAAG;AACpE,gBAAM,aAAa,EAAE,GAAGF,MAAY,QAAO;AAE3C,cAAI,wBAAwB,UAAU,SAAS;AAC7C,uBAAW,QAAQ,SAAS;AAAA,UAC9B,OAAO;AACL,uBAAW,QAAQ,SAAS;AAAA,UAC9B;AAEA,gBAAMD,QAAc,OAAO,UAAU;AAGrC,qBAAU;AAGV,gBAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAAA,QACpD,OAAO;AACL,gBAAM,IAAI,MAAM,2BAA2B;AAAA,QAC7C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,mBAAe,aAAa;AAC1B,uBAAiB,QAAQ;AACzB,YAAM,iBAAiB,wBAAwB,OAAO,cAAc,KAAK;AAAA,IAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue.js CHANGED Viewed

@@ -21,7 +21,7 @@ const _sfc_main = {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(features.value, (feature, index) => {
             return openBlock(), createElementBlock("div", {
-              class: "grid o-hidden h-100 carousel__slide",
+              class: "d-grid o-hidden h-100 carousel__slide",
               style: { "grid-template-rows": "1fr auto" },
               key: index
             }, [

package/dist/martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\n\nconst { tm } = useI18n({\n useScope: 'global'\n})\nconst features = computed(() => tm('auth.features'))\n</script>\n\n<template>\n <Slider :showDots=\"true\" :slideCount=\"features.length\" class=\"auth_slider h-100\">\n <div class=\"grid o-hidden h-100 carousel__slide\" style=\" grid-template-rows: 1fr auto;\" v-for=\"(feature, index) in features\" :key=\"index\">\n <div class=\"h-100 background-div\" :style=\"`background-image: url(/features/${index}.png);`\"></div>\n <div class=\"h-100 pd-big\">\n <h5 class=\"t-center w-100 mn-b-regular\">{{ feature.title }}</h5>\n <p class='t-center t-transp w-100'>{{ feature.description }}</p>\n </div>\n </div>\n </Slider>\n</template>\n\n<style lang=\"scss\">\n.auth_slider .carousel {\n height: 100%;\n}\n\n.auth_slider .carousel__container {\n height: 100%;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n object-fit: contain;\n}\n\n.background-div {\n background-size:cover; \n background-position: center center; \n background-repeat: no-repeat;\n}\n\n.background-div {\n flex-grow: 1; // Занимает все оставшееся пространство\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;AAMA,UAAM,EAAE,GAAE,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,GAAG,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\n\nconst { tm } = useI18n({\n useScope: 'global'\n})\nconst features = computed(() => tm('auth.features'))\n</script>\n\n<template>\n <Slider :showDots=\"true\" :slideCount=\"features.length\" class=\"auth_slider h-100\">\n <div class=\"d-grid o-hidden h-100 carousel__slide\" style=\" grid-template-rows: 1fr auto;\" v-for=\"(feature, index) in features\" :key=\"index\">\n <div class=\"h-100 background-div\" :style=\"`background-image: url(/features/${index}.png);`\"></div>\n <div class=\"h-100 pd-big\">\n <h5 class=\"t-center w-100 mn-b-regular\">{{ feature.title }}</h5>\n <p class='t-center t-transp w-100'>{{ feature.description }}</p>\n </div>\n </div>\n </Slider>\n</template>\n\n<style lang=\"scss\">\n.auth_slider .carousel {\n height: 100%;\n}\n\n.auth_slider .carousel__container {\n height: 100%;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n object-fit: contain;\n}\n\n.background-div {\n background-size:cover; \n background-position: center center; \n background-repeat: no-repeat;\n}\n\n.background-div {\n flex-grow: 1; // Занимает все оставшееся пространство\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;AAMA,UAAM,EAAE,GAAE,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,GAAG,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/store/auth.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import $axios, { setAuthToken } from "../../../core/views/utils/axios-instance.js";
 import api from "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { Preferences } from "../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
+import { Preferences } from "../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 import { reactive, watch } from "vue";
 import { setError, useSession } from "../../../core/views/store/core.store.js";
 import { wsManager } from "../../../core/views/classes/ws.manager.js";

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js CHANGED Viewed

@@ -13,7 +13,7 @@ const _hoisted_2 = { class: "mn-b-medium cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
 const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
 const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
-const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_6 = { class: "cols-2 mobile:cols-1 gap-thin" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -32,7 +32,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+12.5%", -1)),
               createElementVNode("div", _hoisted_3, [
                 createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),
@@ -43,7 +43,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+14.8%", -1)),
               createElementVNode("div", _hoisted_4, [
                 createVNode(_sfc_main$3, { class: "i-medium mn-small" })
               ]),
@@ -54,7 +54,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+25.1%", -1)),
               createElementVNode("div", _hoisted_5, [
                 createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-~~medium~~ pos-r-~~medium~~\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-~~medium~~ pos-r-~~medium~~\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-~~medium~~ pos-r-~~medium~~\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t :showLoadMore=\"false\"\n\t :LoadMore=\"false\"\n\t :states=\"{\n\t empty: {\n\t title: 'No Events Today',\n\t description: 'Currently, there are no events available.'\n\t }\n\t }\"\n\t :store=\"{\n\t read: (options) => orders.actions.read(options),\n\t state: orders.state\n\t }\"\n\t :options=\"{\n\t user: auth.state.user._id,\n\t limit: 5,\n\t page: 1\n\t }\"\n\t v-slot=\"{ \n\t items \n\t }\"\n\t class=\"cols-1 gap-thin\"\n\t >\n\t\t\t\t\t<Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t key: '_id', \n\t\t\t\t\t label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'customer.target.profile.name', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => `👤 ${value}`\n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'positions', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => value?.length \|\| 0\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'status',\n\t\t\t\t\t label: 'Status',\n\t\t\t\t\t component: StatusBadge\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'createdAt',\n\t\t\t\t\t label: 'Metadata',\n\t\t\t\t\t formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t }]\" \n\t\t\t\t\t/>\n\t </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as orders from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 mobile:cols-1 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t :showLoadMore=\"false\"\n\t :LoadMore=\"false\"\n\t :states=\"{\n\t empty: {\n\t title: 'No Events Today',\n\t description: 'Currently, there are no events available.'\n\t }\n\t }\"\n\t :store=\"{\n\t read: (options) => orders.actions.read(options),\n\t state: orders.state\n\t }\"\n\t :options=\"{\n\t user: auth.state.user._id,\n\t limit: 5,\n\t page: 1\n\t }\"\n\t v-slot=\"{ \n\t items \n\t }\"\n\t class=\"cols-1 gap-thin\"\n\t >\n\t\t\t\t\t<Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t key: '_id', \n\t\t\t\t\t label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'customer.target.profile.name', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => `👤 ${value}`\n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'positions', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => value?.length \|\| 0\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'status',\n\t\t\t\t\t label: 'Status',\n\t\t\t\t\t component: StatusBadge\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'createdAt',\n\t\t\t\t\t label: 'Metadata',\n\t\t\t\t\t formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t }]\" \n\t\t\t\t\t/>\n\t </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as orders from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, Fragment, renderList, unref, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString } from "vue";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";
 import _sfc_main$8 from "../../../icons/entities/IconPayments.vue.js";
 import _sfc_main$7 from "../../../icons/entities/IconEvents.vue.js";
@@ -12,9 +12,9 @@ import { useRoute, useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative o-y-scroll o-x-hidden h-100" };
 const _hoisted_2 = { class: "pd-semi" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "t-medium" };
+const _hoisted_4 = { class: "fw-medium" };
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "t-medium" };
+const _hoisted_6 = { class: "fw-medium" };
 const _sfc_main = {
   __name: "Sidebar",
   props: {
@@ -105,9 +105,9 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = createElementVNode("div", { class: "br-b h3 h-4r pd-semi br-solid br-black-transp-10" }, "Backoffice", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "br-b-1px h3 h-4r pd-semi br-black-transp-10" }, "Backoffice", -1)),
         createElementVNode("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = createElementVNode("span", { class: "pd-thin uppercase t-medium t-transp" }, "Menu", -1)),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "pd-thin uppercase fw-medium t-transp" }, "Menu", -1)),
           (openBlock(), createElementBlock(Fragment, null, renderList(menuItems, (item) => {
             return createElementVNode("div", {
               key: item.name,
@@ -123,7 +123,7 @@ const _sfc_main = {
               createElementVNode("span", _hoisted_4, toDisplayString(item.title), 1)
             ], 8, _hoisted_3);
           }), 64)),
-          _cache[1] || (_cache[1] = createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase t-medium t-transp" }, "General", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase fw-medium t-transp" }, "General", -1)),
           (openBlock(), createElementBlock(Fragment, null, renderList(generalItems, (item) => {
             return createElementVNode("div", {
               key: item.name,

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n <div class=\"br-b h3 h-4r pd-semi br-~~solid br-~~black-transp-10\">Backoffice</div>\n <div class=\"pd-semi\">\n <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n <div\n v-for=\"item in menuItems\"\n :key=\"item.name\"\n @click=\"router.push(item.to \|\| { name: item.routeName })\"\n class=\"flex pd-thin flex-v-center cursor-pointer\">\n <component \n v-if=\"item.icon\" \n :is=\"item.icon\" \n class=\"i-medium mn-r-thin\" \n :icon=\"true\" \n :fill=\"'rgba(var(--black),0.25)'\"\n /> \n <span class=\"t-medium\">{{ item.title }}</span>\n </div>\n \n <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n <div\n v-for=\"item in generalItems\"\n :key=\"item.name\"\n @click=\"router.push(item.to \|\| { name: item.routeName })\"\n class=\"flex pd-thin flex-v-center cursor-pointer\">\n <component \n v-if=\"item.icon\" \n :is=\"item.icon\" \n class=\"i-medium mn-r-thin\" \n :icon=\"true\" \n :fill=\"'rgba(var(--black),0.25)'\"\n /> \n <span class=\"t-medium\">{{ item.title }}</span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n {\n name: 'organizations',\n title: 'Organizations',\n to: '/backoffice/organizations',\n icon: IconGroups\n },\n {\n name: 'community',\n title: 'Community',\n routeName: 'Backoffice Community',\n icon: IconCommunity\n },\n {\n name: 'products',\n title: 'Products',\n routeName: 'Products',\n icon: IconProducts\n },\n {\n name: 'inventory',\n title: 'Inventory',\n routeName: 'BackofficeInventoryList',\n icon: IconLeftovers\n },\n {\n name: 'orders',\n title: 'Orders',\n routeName: 'BackofficeOrdersList',\n icon: IconOrders\n },\n {\n name: 'gallery',\n title: 'Gallery',\n routeName: 'Backoffice Gallery',\n icon: IconGallery\n },\n {\n name: 'applications',\n title: 'Applications',\n routeName: 'BackofficeApplications',\n icon: IconEvents\n },\n {\n name: 'events',\n title: 'Events',\n routeName: 'BackofficeEvents Backoffice',\n icon: IconEvents\n }\n];\n\n// Define general items\nconst generalItems = [\n {\n name: 'payments',\n title: 'Payments',\n routeName: 'Payments',\n icon: IconPayments\n },\n {\n name: 'users',\n title: 'Users',\n routeName: 'Users',\n icon: null\n },\n {\n name: 'pages',\n title: 'Pages',\n routeName: 'Backoffice Pages',\n icon: null\n },\n {\n name: 'reports',\n title: 'Reports',\n routeName: 'Backoffice Reports',\n icon: null\n }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n <div class=\"br-b-1px h3 h-4r pd-semi br-black-transp-10\">Backoffice</div>\n <div class=\"pd-semi\">\n <span class=\"pd-thin uppercase fw-medium t-transp\">Menu</span>\n <div\n v-for=\"item in menuItems\"\n :key=\"item.name\"\n @click=\"router.push(item.to \|\| { name: item.routeName })\"\n class=\"flex pd-thin flex-v-center cursor-pointer\">\n <component \n v-if=\"item.icon\" \n :is=\"item.icon\" \n class=\"i-medium mn-r-thin\" \n :icon=\"true\" \n :fill=\"'rgba(var(--black),0.25)'\"\n /> \n <span class=\"fw-medium\">{{ item.title }}</span>\n </div>\n \n <span class=\"pd-thin d-block mn-t-medium uppercase fw-medium t-transp\">General</span>\n <div\n v-for=\"item in generalItems\"\n :key=\"item.name\"\n @click=\"router.push(item.to \|\| { name: item.routeName })\"\n class=\"flex pd-thin flex-v-center cursor-pointer\">\n <component \n v-if=\"item.icon\" \n :is=\"item.icon\" \n class=\"i-medium mn-r-thin\" \n :icon=\"true\" \n :fill=\"'rgba(var(--black),0.25)'\"\n /> \n <span class=\"fw-medium\">{{ item.title }}</span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n {\n name: 'organizations',\n title: 'Organizations',\n to: '/backoffice/organizations',\n icon: IconGroups\n },\n {\n name: 'community',\n title: 'Community',\n routeName: 'Backoffice Community',\n icon: IconCommunity\n },\n {\n name: 'products',\n title: 'Products',\n routeName: 'Products',\n icon: IconProducts\n },\n {\n name: 'inventory',\n title: 'Inventory',\n routeName: 'BackofficeInventoryList',\n icon: IconLeftovers\n },\n {\n name: 'orders',\n title: 'Orders',\n routeName: 'BackofficeOrdersList',\n icon: IconOrders\n },\n {\n name: 'gallery',\n title: 'Gallery',\n routeName: 'Backoffice Gallery',\n icon: IconGallery\n },\n {\n name: 'applications',\n title: 'Applications',\n routeName: 'BackofficeApplications',\n icon: IconEvents\n },\n {\n name: 'events',\n title: 'Events',\n routeName: 'BackofficeEvents Backoffice',\n icon: IconEvents\n }\n];\n\n// Define general items\nconst generalItems = [\n {\n name: 'payments',\n title: 'Payments',\n routeName: 'Payments',\n icon: IconPayments\n },\n {\n name: 'users',\n title: 'Users',\n routeName: 'Users',\n icon: null\n },\n {\n name: 'pages',\n title: 'Pages',\n routeName: 'Backoffice Pages',\n icon: null\n },\n {\n name: 'reports',\n title: 'Reports',\n routeName: 'Backoffice Reports',\n icon: null\n }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js CHANGED Viewed

@@ -20,7 +20,7 @@ const _sfc_main = {
 const _hoisted_1 = ["data-message-id"];
 const _hoisted_2 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
 const _hoisted_3 = { class: "mn-r-auto" };
-const _hoisted_4 = { class: "t-semi" };
+const _hoisted_4 = { class: "fw-semi" };
 const _hoisted_5 = { class: "t-transp" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_IconCheckmark = resolveComponent("IconCheckmark");

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n <div \n class=\"pd-small\"\n :class=\"{'bg-main-nano': message.username === 'Support'}\"\n :data-message-id=\"message._id\"\n >\n <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n </p>\n <p>{{ message.text }}</p>\n </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n components: {\n IconCheckmark\n },\n props: {\n message: {\n type: Object,\n required: true\n }\n },\n computed: {\n isMessageRead() {\n return this.message.readBy && this.message.readBy.length > 0;\n }\n }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,~~SAAQ~~;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;;~~sBAPvGC~~,mBAWM,OAAA;AAAA,IAVJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,mBAII,KAJJ,YAII;AAAA,MAFFA,~~mBAAqJ~~,~~UAArJ~~,~~YAAqJ~~;AAAA,~~QAA3HA~~,~~mBAAkD~~,~~QAAlD~~,~~YAAkDC~~,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,~~QARxE~~,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,~~QAQmFF~~,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;~~MAC7G~~,SAAA,8BAArBE,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,mBAAA,IAAA,IAAA;AAAA;IAWIJ,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;"}
1	+ {"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n <div \n class=\"pd-small\"\n :class=\"{'bg-main-nano': message.username === 'Support'}\"\n :data-message-id=\"message._id\"\n >\n <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n <strong class=\"mn-r-auto\"><span class=\"fw-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n </p>\n <p>{{ message.text }}</p>\n </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n components: {\n IconCheckmark\n },\n props: {\n message: {\n type: Object,\n required: true\n }\n },\n computed: {\n isMessageRead() {\n return this.message.readBy && this.message.readBy.length > 0;\n }\n }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,UAAS;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;;sBAPxGC,mBAWM,OAAA;AAAA,IAVJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,mBAII,KAJJ,YAII;AAAA,MAFFA,mBAAsJ,UAAtJ,YAAsJ;AAAA,QAA5HA,mBAAmD,QAAnD,YAAmDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QARzE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAQoFF,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;MAC9G,SAAA,8BAArBE,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,mBAAA,IAAA,IAAA;AAAA;IAWIJ,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import ChatMessage from "../blocks/ChatMessage.vue.js";
 import chatStore from "../../store/chat.store.js";
 /* empty css                */
 const _hoisted_1 = { class: "bg-white radius-semi bg-white o-hidden pos-relative" };
-const _hoisted_2 = { class: "pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10" };
+const _hoisted_2 = { class: "pos-relative h-min-20r flex-justify-end flex flex-column br-b-1px br-black-transp-10" };
 const _hoisted_3 = {
   key: 0,
   class: "flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute"
@@ -130,7 +130,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 messages.value.length < 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                  createVNode(PlaceholderChat, { class: "radius-100 mn-b-thin" }),
+                  createVNode(PlaceholderChat, { class: "radius-extra mn-b-thin" }),
                   _cache[1] || (_cache[1] = createElementVNode("h4", { class: "mn-b-thin" }, "Here you can view your chat history", -1)),
                   _cache[2] || (_cache[2] = createElementVNode("p", null, "Feel free to ask if you have any questions.", -1))
                 ])) : (openBlock(), createBlock(TransitionGroup, {

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-~~solid~~ br-black-transp-10\">\n <transition name=\"scaleIn\" mode=\"out-in\">\n <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n <PlaceholderChat class=\"radius-~~100~~ mn-b-thin\"/>\n <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n <p>Feel free to ask if you have any questions.</p>\n </div>\n\n <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n <ChatMessage\n v-for=\"message in messages\"\n :key=\"message._id\"\n :message=\"message\"\n />\n </TransitionGroup>\n </transition>\n </div>\n </div>\n\n <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n <!-- <IconAdd class=\"mn-r-thin t-transp i-medium\" /> -->\n <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n if (newMessage.value) {\n const message = {\n text: newMessage.value,\n module: 'chat',\n username: chatStore.state.username,\n chatId: chatStore.state.currentChatId\n };\n\n chatStore.methods.addMessage(message);\n newMessage.value = '';\n\n // Ждем, пока все анимации и рендеринг завершатся\n await nextTick();\n await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n scrollToBottom();\n }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n console.log('[CHAT] Setting up message observer');\n \n // Очищаем предыдущий observer если есть\n if (messageObserver) {\n messageObserver.disconnect();\n }\n \n messageObserver = new IntersectionObserver((entries) => {\n console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n entries.forEach(entry => {\n const messageId = entry.target.dataset.messageId;\n if (entry.isIntersecting) {\n visibleMessageIds.value.add(messageId);\n } else {\n visibleMessageIds.value.delete(messageId);\n }\n });\n \n // Отправляем прочтение видимых сообщений\n if (visibleMessageIds.value.size > 0) {\n const unreadVisibleMessages = messages.value\n .filter(msg => {\n // Проверяем, что сообщение видимо\n if (!visibleMessageIds.value.has(msg._id)) return false;\n \n // Проверяем, что сообщение не от текущего пользователя\n console.log('[CHAT] Checking if own message:', {\n msgUserId: msg.userId,\n msgAnonymousId: msg.anonymousId,\n currentUserId: chatStore.state.userId,\n currentAnonymousId: chatStore.state.anonymousId,\n isEqual: msg.userId === chatStore.state.userId,\n msgUserIdType: typeof msg.userId,\n currentUserIdType: typeof chatStore.state.userId\n });\n \n // Для аутентифицированных пользователей\n if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n \n // Для анонимных пользователей\n if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n \n // Проверяем, что сообщение еще не прочитано текущим пользователем\n // Для анонимных пользователей не отмечаем сообщения как прочитанные\n if (!chatStore.state.userId) return false;\n if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n \n console.log('[CHAT] Message can be marked as read:', {\n msgId: msg._id,\n msgUserId: msg.userId,\n currentUserId: chatStore.state.userId,\n readBy: msg.readBy\n });\n \n return true;\n })\n .map(msg => msg._id);\n \n console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n \n if (unreadVisibleMessages.length > 0) {\n console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n } else {\n console.log('[CHAT] No unread messages to mark');\n }\n }\n }, {\n root: allMessages.value,\n threshold: 0.5\n });\n \n // Наблюдаем за всеми сообщениями\n nextTick(() => {\n const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n messageElements?.forEach(el => messageObserver.observe(el));\n });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n if (messageObserver) {\n messageObserver.disconnect();\n }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n opacity: 0;\n transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b-1px br-black-transp-10\">\n <transition name=\"scaleIn\" mode=\"out-in\">\n <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n <PlaceholderChat class=\"radius-extra mn-b-thin\"/>\n <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n <p>Feel free to ask if you have any questions.</p>\n </div>\n\n <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n <ChatMessage\n v-for=\"message in messages\"\n :key=\"message._id\"\n :message=\"message\"\n />\n </TransitionGroup>\n </transition>\n </div>\n </div>\n\n <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n <!-- <IconAdd class=\"mn-r-thin t-transp i-medium\" /> -->\n <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n if (newMessage.value) {\n const message = {\n text: newMessage.value,\n module: 'chat',\n username: chatStore.state.username,\n chatId: chatStore.state.currentChatId\n };\n\n chatStore.methods.addMessage(message);\n newMessage.value = '';\n\n // Ждем, пока все анимации и рендеринг завершатся\n await nextTick();\n await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n scrollToBottom();\n }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n console.log('[CHAT] Setting up message observer');\n \n // Очищаем предыдущий observer если есть\n if (messageObserver) {\n messageObserver.disconnect();\n }\n \n messageObserver = new IntersectionObserver((entries) => {\n console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n entries.forEach(entry => {\n const messageId = entry.target.dataset.messageId;\n if (entry.isIntersecting) {\n visibleMessageIds.value.add(messageId);\n } else {\n visibleMessageIds.value.delete(messageId);\n }\n });\n \n // Отправляем прочтение видимых сообщений\n if (visibleMessageIds.value.size > 0) {\n const unreadVisibleMessages = messages.value\n .filter(msg => {\n // Проверяем, что сообщение видимо\n if (!visibleMessageIds.value.has(msg._id)) return false;\n \n // Проверяем, что сообщение не от текущего пользователя\n console.log('[CHAT] Checking if own message:', {\n msgUserId: msg.userId,\n msgAnonymousId: msg.anonymousId,\n currentUserId: chatStore.state.userId,\n currentAnonymousId: chatStore.state.anonymousId,\n isEqual: msg.userId === chatStore.state.userId,\n msgUserIdType: typeof msg.userId,\n currentUserIdType: typeof chatStore.state.userId\n });\n \n // Для аутентифицированных пользователей\n if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n \n // Для анонимных пользователей\n if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n \n // Проверяем, что сообщение еще не прочитано текущим пользователем\n // Для анонимных пользователей не отмечаем сообщения как прочитанные\n if (!chatStore.state.userId) return false;\n if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n \n console.log('[CHAT] Message can be marked as read:', {\n msgId: msg._id,\n msgUserId: msg.userId,\n currentUserId: chatStore.state.userId,\n readBy: msg.readBy\n });\n \n return true;\n })\n .map(msg => msg._id);\n \n console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n \n if (unreadVisibleMessages.length > 0) {\n console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n } else {\n console.log('[CHAT] No unread messages to mark');\n }\n }\n }, {\n root: allMessages.value,\n threshold: 0.5\n });\n \n // Наблюдаем за всеми сообщениями\n nextTick(() => {\n const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n messageElements?.forEach(el => messageObserver.observe(el));\n });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n if (messageObserver) {\n messageObserver.disconnect();\n }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n opacity: 0;\n transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/blocks/Activity.vue.js CHANGED Viewed

@@ -1,20 +1,20 @@
 import { createElementBlock, openBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
-const _hoisted_1 = { class: "w-100 cols-4 t-left flex-nowrap flex" };
+const _hoisted_1 = { class: "w-100 cols-4 mobile:cols-2 t-left flex-nowrap flex" };
 const _hoisted_2 = {
   key: 0,
-  class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
+  class: "w-100 br-2px br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
 };
-const _hoisted_3 = { class: "t-semi uppercase" };
+const _hoisted_3 = { class: "fw-semi uppercase" };
 const _hoisted_4 = {
   key: 1,
-  class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
+  class: "w-100 br-2px br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
 };
-const _hoisted_5 = { class: "t-semi uppercase" };
+const _hoisted_5 = { class: "fw-semi uppercase" };
 const _hoisted_6 = {
   key: 2,
-  class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
+  class: "w-100 br-2px br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
 };
-const _hoisted_7 = { class: "t-semi uppercase" };
+const _hoisted_7 = { class: "fw-semi uppercase" };
 const _sfc_main = {
   __name: "Activity",
   props: {

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js CHANGED Viewed

@@ -11,7 +11,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 1,
-  class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
+  class: "pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
 };
 const _hoisted_5 = {
   key: 1,

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t :class=\"{\n\t \t'mn-b-medium pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"blogpost\"\n\t :entityType=\"'blogpost'\"\n\t :user=\"user\"\n\t :owner=\"blogpost.owner\" \n \t:creator=\"blogpost.creator\"\n \t:date=\"blogpost.createdAt\"\n \t:actions=\"user && user === blogpost.creator.target._id ? [\n { to: `/community/posts/${blogpost.url}/edit`, label: 'Edit' }\n ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name \|\| ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push(`/community/posts/${blogpost.url}`)\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-medium'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n \t:chips=\"blogpost.tags\"\n \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t Your browser does not support the video tag.\n\t </video>\n\t <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n const firstImage = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t return props.blogpost.content.find(block => \n\t block.type === 'Textarea' && block.class !== 'h2'\n\t );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t :class=\"{\n\t \t'mn-b-medium pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"blogpost\"\n\t :entityType=\"'blogpost'\"\n\t :user=\"user\"\n\t :owner=\"blogpost.owner\" \n \t:creator=\"blogpost.creator\"\n \t:date=\"blogpost.createdAt\"\n \t:actions=\"user && user === blogpost.creator.target._id ? [\n { to: `/community/posts/${blogpost.url}/edit`, label: 'Edit' }\n ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name \|\| ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push(`/community/posts/${blogpost.url}`)\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-medium'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n \t:chips=\"blogpost.tags\"\n \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t Your browser does not support the video tag.\n\t </video>\n\t <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n const firstImage = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t return props.blogpost.content.find(block => \n\t block.type === 'Textarea' && block.class !== 'h2'\n\t );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/blocks/FooterBlogpost.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import "vue-router";
 import { actions } from "../../store/reactions.js";
-const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
-const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
+const _hoisted_1 = { class: "fw-semi br-top-dark flex-nowrap flex-justify-start flex" };
+const _hoisted_2 = { class: "hover:bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
 const _sfc_main = {
   __name: "FooterBlogpost",
   props: ["blogpost", "owner", "user"],
@@ -54,7 +54,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("footer", _hoisted_1, [
         createVNode(_component_router_link, {
           to: `/community/posts/${__props.blogpost.url}`,
-          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+          class: "font-second cursor-pointer hover:bg-white pd-l-thin pd-r-thin radius-big"
         }, {
           default: withCtx(() => [
             createTextVNode(" 👁️ " + toDisplayString(__props.blogpost.views), 1)
@@ -75,7 +75,7 @@ const _sfc_main = {
         ]),
         createVNode(_component_router_link, {
           to: `/community/posts/${__props.blogpost.url}#comments`,
-          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+          class: "font-second cursor-pointer hover:bg-white pd-l-thin pd-r-thin radius-big"
         }, {
           default: withCtx(() => [
             createTextVNode(" 💬 " + toDisplayString(__props.blogpost.numberOfComments), 1)

package/dist/martyrs/src/modules/community/components/blocks/FooterBlogpost.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n <footer class=\"t-semi br-top-dark flex-nowrap flex-~~nojustify~~ flex\">\n <router-link :to=\"`/community/posts/${blogpost.url}`\" \n class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n 👁️ {{blogpost.views}}\n </router-link>\n \n <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n 👍 {{reactionsCount }}\n </div>\n <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n 👍 {{reactionsCount }}\n </div>\n </div>\n <router-link :to=\"`/community/posts/${blogpost.url}#comments`\" \n class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n 💬 {{ blogpost.numberOfComments }}\n </router-link>\n </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n if (!props.user) {\n alert('Please login to add a reaction');\n return;\n }\n\n try {\n const reaction = {\n target: props.blogpost._id,\n type: 'blogpost',\n user: props.user,\n class: 'like'\n };\n const res = await reactions.actions.create(reaction);\n\n if (res.reaction.class === 'like') {\n reactionsCount.value += 1;\n isReacted.value = true;\n reactionId.value = res.reaction._id;\n }\n } catch (err) {\n console.error(err);\n alert('Error adding reaction. Please try again later.');\n }\n}\n\nasync function deleteReaction(type) {\n if (!props.user) {\n alert('Please login to add a reaction');\n return;\n }\n\n try {\n const reaction = { _id: reactionId.value };\n\n await reactions.actions.delete(reaction);\n\n reactionsCount.value -= 1;\n isReacted.value = false;\n reactionId.value = null;\n } catch (err) {\n alert('Error adding reaction. Please try again later.');\n }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AA4BA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QAClC;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACrB,SAAS,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n <footer class=\"fw-semi br-top-dark flex-nowrap flex-justify-start flex\">\n <router-link :to=\"`/community/posts/${blogpost.url}`\" \n class=\"font-second cursor-pointer hover:bg-white pd-l-thin pd-r-thin radius-big\">\n 👁️ {{blogpost.views}}\n </router-link>\n \n <div class=\"hover:bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n 👍 {{reactionsCount }}\n </div>\n <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n 👍 {{reactionsCount }}\n </div>\n </div>\n <router-link :to=\"`/community/posts/${blogpost.url}#comments`\" \n class=\"font-second cursor-pointer hover:bg-white pd-l-thin pd-r-thin radius-big\">\n 💬 {{ blogpost.numberOfComments }}\n </router-link>\n </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n if (!props.user) {\n alert('Please login to add a reaction');\n return;\n }\n\n try {\n const reaction = {\n target: props.blogpost._id,\n type: 'blogpost',\n user: props.user,\n class: 'like'\n };\n const res = await reactions.actions.create(reaction);\n\n if (res.reaction.class === 'like') {\n reactionsCount.value += 1;\n isReacted.value = true;\n reactionId.value = res.reaction._id;\n }\n } catch (err) {\n console.error(err);\n alert('Error adding reaction. Please try again later.');\n }\n}\n\nasync function deleteReaction(type) {\n if (!props.user) {\n alert('Please login to add a reaction');\n return;\n }\n\n try {\n const reaction = { _id: reactionId.value };\n\n await reactions.actions.delete(reaction);\n\n reactionsCount.value -= 1;\n isReacted.value = false;\n reactionId.value = null;\n } catch (err) {\n alert('Error adding reaction. Please try again later.');\n }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AA4BA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QAClC;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACrB,SAAS,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js CHANGED Viewed

@@ -78,14 +78,14 @@ const _sfc_main = {
                   select: state.filter.period,
                   "onUpdate:select": _cache[0] || (_cache[0] = ($event) => state.filter.period = $event),
                   placeholder: "all time",
-                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-regular"
+                  class: "fw-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-regular"
                 }, null, 8, ["select"])
               ])
             ])) : createCommentVNode("", true),
             !unref(route).params.url && unref(route).name !== "Create BlogPost" ? (openBlock(), createElementBlock("div", _hoisted_6, [
               createElementVNode("ul", _hoisted_7, [
                 createElementVNode("li", {
-                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-small"]),
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex fw-medium pd-thin radius-small"]),
                   onClick: _cache[1] || (_cache[1] = () => {
                     state.sort.param = "createdAt";
                     unref(router).push({ name: "Blog", params: { category: "featured" } });
@@ -95,7 +95,7 @@ const _sfc_main = {
                   _cache[6] || (_cache[6] = createTextVNode(" Featured "))
                 ], 2),
                 createElementVNode("li", {
-                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "popular" }, "cursor-pointer fw-medium flex-v-center flex pd-thin radius-small"]),
                   onClick: _cache[2] || (_cache[2] = () => {
                     state.sort.param = "views";
                     unref(router).push({ name: "Blog", params: { category: "popular" } });
@@ -105,7 +105,7 @@ const _sfc_main = {
                   _cache[7] || (_cache[7] = createTextVNode(" Popular "))
                 ], 2),
                 createElementVNode("li", {
-                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "new" }, "cursor-pointer fw-medium flex-v-center flex pd-thin radius-small"]),
                   onClick: _cache[3] || (_cache[3] = () => {
                     state.sort.param = "createdAt";
                     unref(router).push({ name: "Blog", params: { category: "new" } });
@@ -116,7 +116,7 @@ const _sfc_main = {
                 ], 2),
                 state$1.user._id ? (openBlock(), createElementBlock("li", {
                   key: 0,
-                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "following" }, "cursor-pointer fw-medium flex-v-center flex pd-thin radius-small"]),
                   onClick: _cache[4] || (_cache[4] = () => {
                     state.sort.param = "createdAt";
                     unref(router).push({ name: "Blog", params: { category: "following" } });
@@ -130,7 +130,7 @@ const _sfc_main = {
                   to: {
                     name: "Create BlogPost"
                   },
-                  class: "button t-medium bg-main w-max mn-l-auto"
+                  class: "button fw-medium bg-main w-max mn-l-auto"
                 }, {
                   default: withCtx(() => _cache[10] || (_cache[10] = [
                     createTextVNode(" Create Post ")
@@ -160,7 +160,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_8, [
             createElementVNode("div", _hoisted_9, [
               _cache[11] || (_cache[11] = createElementVNode("div", { class: "gap-thin flex-nowrap flex" }, [
-                createElementVNode("p", { class: "t-medium mn-b-small" }, "Latest Comments")
+                createElementVNode("p", { class: "fw-medium mn-b-small" }, "Latest Comments")
               ], -1)),
               createElementVNode("div", _hoisted_10, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(comments.value.slice(0, 5), (comment) => {
@@ -179,11 +179,11 @@ const _sfc_main = {
             ]),
             createElementVNode("div", _hoisted_11, [
               createElementVNode("div", _hoisted_12, [
-                _cache[13] || (_cache[13] = createElementVNode("p", { class: "text-box-trim-end t-medium" }, "Popular Communities", -1)),
+                _cache[13] || (_cache[13] = createElementVNode("p", { class: "text-box-trim-end fw-medium" }, "Popular Communities", -1)),
                 state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
                   key: 0,
                   to: "/organizations/create",
-                  class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
+                  class: "fw-medium cursor-pointer hover:scale-[1.05] radius-extra flex-center flex i-medium bg-main"
                 }, {
                   default: withCtx(() => _cache[12] || (_cache[12] = [
                     createTextVNode(" + ")
@@ -228,7 +228,7 @@ const _sfc_main = {
                           showFeatured: false,
                           showFollowers: false,
                           onUpdateMembership: handleMembershipUpdate,
-                          class: "pd-small w-100 pd-0 bg-white radius-regular o-hidden"
+                          class: "pd-small w-100 bg-white radius-regular o-hidden"
                         }, null, 8, ["organization", "user"]);
                       }), 128))
                     ]),