added version

2026-02-22 12:27:05 +03:30
parent f5928601fa
commit 2edf23a065
603 changed files with 5281 additions and 4037 deletions
@@ -1,5 +1,5 @@
 import { createVNode } from 'vue';
-import { b6 as Icon } from '../build/server.mjs';
+import { b7 as Icon } from '../build/server.mjs';

 // This icon file is generated automatically.
 var CheckOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, "name": "check", "theme": "outlined" };
@@ -1,17 +1,17 @@
 import { createVNode, defineComponent, computed, unref, mergeProps, ref, Fragment, toRef, watch, watchEffect, shallowRef, provide, useAttrs, getCurrentScope, onScopeDispose, getCurrentInstance, nextTick, inject, createTextVNode, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { b6 as Icon, bx as D, by as Y, bz as W, bA as MS, bB as Q, bC as M, bD as FORMAT_DEFAULT, av as dayjs, a as useConfigStore, z as useConfigInject, bs as useCompactItemContext, be as useLocaleReceiver, bE as locale$1$1, E as omit, aD as CloseCircleFilled, A as classNames, B as genComponentStyleHook, C as merge, T as genCompactItemStyle, M as Button, F as functionType, G as stringType, H as booleanType, a9 as objectType, aF as someType, I as arrayType, J as resetComponent, ap as textEllipsis, bk as useState$1, bF as warningOnce, aq as KeyCode, Z as cloneElement, bG as noteOnce } from './server.mjs';
+import { b7 as Icon, by as D, bz as Y, bA as W, bB as MS, bC as Q, bD as M, bE as FORMAT_DEFAULT, av as dayjs, a as useConfigStore, z as useConfigInject, bt as useCompactItemContext, bf as useLocaleReceiver, bF as locale$1$1, E as omit, aD as CloseCircleFilled, A as classNames, B as genComponentStyleHook, C as merge, T as genCompactItemStyle, M as Button, F as functionType, G as stringType, H as booleanType, a9 as objectType, aF as someType, I as arrayType, J as resetComponent, ap as textEllipsis, bl as useState$1, bG as warningOnce, aq as KeyCode, Z as cloneElement, bH as noteOnce } from './server.mjs';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import moment from 'moment-jalaali';
 import jalaliday from 'dayjalali';
 import _objectSpread$3 from '@babel/runtime/helpers/esm/objectSpread2';
-import { T as Tag } from './index-D1gzz96y.mjs';
-import { r as roundedArrow, T as Trigger, w as wrapperRaf, h as isVisible } from './index-Bpb_QU26.mjs';
+import { T as Tag } from './index-CnnQbQCE.mjs';
+import { r as roundedArrow, T as Trigger, w as wrapperRaf, h as isVisible } from './index-DN2Eqyc3.mjs';
 import { u as useMergedState } from './useMergedState-BZEfJ8Fl.mjs';
-import { i as initMoveMotion, u as useMemo } from './move-DnSsXmCn.mjs';
-import { b as slideUpOut, a as slideDownOut, d as slideUpIn, c as slideDownIn, i as initSlideMotion, s as shallowequal } from './shallowequal-B7epstpr.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
-import { a as getStatusClassNames, g as getMergedStatus, i as initInputToken, b as genBasicInputStyle, e as genActiveStyle, k as genHoverStyle } from './index-DgsBGZQx.mjs';
+import { i as initMoveMotion, u as useMemo } from './move-DCvQW68K.mjs';
+import { b as slideUpOut, a as slideDownOut, d as slideUpIn, c as slideDownIn, i as initSlideMotion, s as shallowequal } from './shallowequal-CJsWvZb3.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';
+import { a as getStatusClassNames, g as getMergedStatus, i as initInputToken, b as genBasicInputStyle, e as genActiveStyle, k as genHoverStyle } from './index-BTlbWWOl.mjs';
 import { TinyColor } from '@ctrl/tinycolor';

 // This icon file is generated automatically.
@@ -2,9 +2,9 @@ import { LoadingOutlined } from '@ant-design/icons-vue';
 import { M as Button, e as loading } from './server.mjs';
 import { defineComponent, h, useSlots, computed, mergeProps, unref, withCtx, createVNode, renderSlot, createCommentVNode, openBlock, createBlock, ref, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderClass, ssrRenderSlot, ssrRenderAttrs } from 'vue/server-renderer';
-import { b as baseButtonIconSize, u as usePrefix, i as icons } from './BasicIconOld-93vAWohq.mjs';
+import { b as baseButtonIconSize, u as usePrefix, i as icons } from './BasicIconOld-Booq7UXp.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { S as Spin } from './index--iRd5AYr.mjs';
+import { S as Spin } from './index-CO_xVqO1.mjs';

 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "BasicIcon",
@@ -29,7 +29,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
        ref: refIcon,
        style: { color: color.value },
        class: [[unref(prefixCls)], "!flex"]
-      }, _attrs))} data-v-a7e11651>${tempIcon.value ?? ""}</span>`);
+      }, _attrs))} data-v-3dec6a64>${tempIcon.value ?? ""}</span>`);
    };
  }
 });
@@ -39,7 +39,7 @@ _sfc_main$1.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/BasicPacks/BasicIcon.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const BasicIcon = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$1, [["__scopeId", "data-v-a7e11651"]]), { __name: "BasicPacksBasicIcon" });
+const BasicIcon = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$1, [["__scopeId", "data-v-3dec6a64"]]), { __name: "BasicPacksBasicIcon" });
 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "BasicButton",
  __ssrInlineRender: true,
@@ -1083,7 +1083,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
        ref: refIcon,
        style: { color: color.value },
        class: [[unref(prefixCls2)], "!flex"]
-      }, _attrs))} data-v-ce834e89>${tempIcon.value ?? ""}</span>`);
+      }, _attrs))} data-v-6cb35d65>${tempIcon.value ?? ""}</span>`);
    };
  }
 });
@@ -1093,6 +1093,6 @@ _sfc_main.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/BasicPacks/BasicIconOld.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const BasicIconOld = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main, [["__scopeId", "data-v-ce834e89"]]), { __name: "BasicPacksBasicIconOld" });
+const BasicIconOld = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main, [["__scopeId", "data-v-6cb35d65"]]), { __name: "BasicPacksBasicIconOld" });

 export { BasicIconOld as B, baseButtonIconSize as b, icons as i, usePrefix as u };
@@ -1,8 +1,8 @@
 import { defineComponent, computed, mergeProps, unref, createSlots, withCtx, renderSlot, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent, ssrRenderSlot } from 'vue/server-renderer';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { u as usePrefix } from './BasicIconOld-93vAWohq.mjs';
-import { _ as __nuxt_component_0, I as Input } from './index-xCOPbDMH.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { u as usePrefix } from './BasicIconOld-Booq7UXp.mjs';
+import { _ as __nuxt_component_0, I as Input } from './index-D4HrLPqa.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "BasicInput",
@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, mergeProps, withCtx, unref, createTextVNode, toDisplayString, watch, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
 import { a as useConfigStore, _ as __nuxt_component_0 } from './server.mjs';
 import { CircleStencil } from 'vue-advanced-cropper';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
@@ -139,11 +139,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
    }
    return (_ctx, _push, _parent, _attrs) => {
      if (open.value && _ctx.img) {
-        _push(`<div${ssrRenderAttrs(mergeProps({ class: "fixed inset-0 z-1000 backdrop-blur-md bg-black/80 p-2" }, _attrs))} data-v-c7054885><div class="w-full" data-v-c7054885>`);
+        _push(`<div${ssrRenderAttrs(mergeProps({ class: "fixed inset-0 z-1000 backdrop-blur-md bg-black/80 p-2" }, _attrs))} data-v-cbfb9555><div class="w-full" data-v-cbfb9555>`);
        _push(ssrRenderComponent(PictureEditor, {
          ref_key: "cropper",
          ref: cropper,
-          class: "h-90vh absolute top-0 right-0 left-0 w-full",
+          class: "h-90vh absolute top-0 right-0 left-0 sm:right-auto sm:left-auto w-full sm:w-fit sm:justify-self-center",
          src: _ctx.img,
          initialSize: initialSize.value,
          round: round.value,
@@ -155,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
          quality: quality.value,
          onOnCropped: onCropped
        }, null, _parent));
-        _push(`</div><div class="p-2 absolute bottom-0 right-0 left-0 grid gap-2 gap-2" data-v-c7054885>`);
+        _push(`</div><div class="p-2 absolute bottom-0 right-0 left-0 grid gap-2 gap-2 sm:w-50vw sm:justify-self-center sm:flex" data-v-cbfb9555>`);
        _push(ssrRenderComponent(BasicButton, {
          block: "",
          onClick: handleSave,
@@ -175,7 +175,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
        _push(ssrRenderComponent(BasicButton, {
          block: "",
          danger: "",
-          onClick: ($event) => open.value = false
+          onClick: ($event) => open.value = false,
+          class: "sm:!w-3/4"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
@@ -201,6 +202,6 @@ _sfc_main.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CropperModal.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const __nuxt_component_3 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main, [["__scopeId", "data-v-c7054885"]]), { __name: "CropperModal" });
+const __nuxt_component_3 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main, [["__scopeId", "data-v-cbfb9555"]]), { __name: "CropperModal" });

 export { __nuxt_component_3 as _ };
@@ -1,7 +1,7 @@
 import { defineComponent, mergeProps, unref, withCtx, createTextVNode, toDisplayString, ref, reactive, createVNode, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr } from 'vue/server-renderer';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
 import { u as useRouter$1, a as useConfigStore, q as useElementSize, aV as baseConfirmWithId, aW as deleteUser } from './server.mjs';
 import { ContentLoader } from 'vue-content-loader';

@@ -1,13 +1,13 @@
 import _objectSpread$1 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { createVNode, defineComponent, shallowRef, computed, watchEffect, watch, reactive, Fragment, provide, inject, nextTick, toRaw, ref, Transition, withDirectives, TransitionGroup, vShow, cloneVNode } from 'vue';
-import { b6 as Icon, ba as warning$1, z as useConfigInject, bb as LoadingOutlined, aD as CloseCircleFilled, bc as ExclamationCircleFilled, aE as CheckCircleFilled, A as classNames, R as filterEmpty, B as genComponentStyleHook, C as merge, bd as zoomIn, be as useLocaleReceiver, bf as localeValues, P as PropTypes, ar as tuple, J as resetComponent, aO as useToken, aF as someType, bg as getTransitionGroupProps, ad as getTransitionProps, W as isValidElement } from './server.mjs';
+import { b7 as Icon, bb as warning$1, z as useConfigInject, bc as LoadingOutlined, aD as CloseCircleFilled, bd as ExclamationCircleFilled, aE as CheckCircleFilled, A as classNames, R as filterEmpty, B as genComponentStyleHook, C as merge, be as zoomIn, bf as useLocaleReceiver, bg as localeValues, P as PropTypes, ar as tuple, J as resetComponent, aO as useToken, aF as someType, bh as getTransitionGroupProps, ad as getTransitionProps, W as isValidElement } from './server.mjs';
 import cloneDeep from 'lodash-es/cloneDeep.js';
 import RawAsyncValidator from 'async-validator';
 import find from 'lodash-es/find.js';
-import { _ as __nuxt_component_2 } from './index-Bpb_QU26.mjs';
-import { h as genCollapseMotion, j as collapseMotion } from './index-DgsBGZQx.mjs';
-import { b as useProvideFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
+import { _ as __nuxt_component_2 } from './index-DN2Eqyc3.mjs';
+import { h as genCollapseMotion, j as collapseMotion } from './index-BTlbWWOl.mjs';
+import { b as useProvideFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';

 // This icon file is generated automatically.
 var QuestionCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, "name": "question-circle", "theme": "outlined" };
@@ -1,16 +1,16 @@
 import { defineComponent, ref, computed, watchEffect, watch, nextTick, resolveDirective, mergeProps, unref, withCtx, createVNode, withDirectives, openBlock, createBlock, withModifiers, Fragment, renderList, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderList, ssrRenderComponent, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr } from 'vue/server-renderer';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
 import { u as useRouter$1, a as useConfigStore, aB as useSwipe, b as useUserStore, q as useElementSize } from './server.mjs';
-import { _ as _sfc_main$2 } from './like-BhIOg3YL.mjs';
+import { _ as _sfc_main$2 } from './like-D4L8S2C_.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { EffectCreative } from 'swiper/modules';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
-import { u as userViewStory, s as setStorySeenLocal } from './media-_NDkNIvH.mjs';
+import { u as userViewStory, s as setStorySeenLocal } from './media-CiMHc-Ka.mjs';

 const intervalError = "[nuxt] `setInterval` should not be used on the server. Consider wrapping it with an `onNuxtReady`, `onBeforeMount` or `onMounted` lifecycle hook, or ensure you only call it in the browser by checking `false`.";
 const setInterval = (() => {
@@ -1,21 +1,21 @@
 import _objectSpread$1 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { createVNode, defineComponent, ref, watch, computed, mergeProps, unref, watchEffect, provide, shallowRef, nextTick, resolveDirective, withCtx, withDirectives, openBlock, createBlock, Fragment, renderList, inject, toRefs, useSSRContext } from 'vue';
-import { w as wrapperRaf, T as Trigger } from './index-Bpb_QU26.mjs';
-import { b6 as Icon, ab as flattenChildren, E as omit, Q as initDefaultProps, aX as useRouter, aS as useRoute, a as useConfigStore, b as useUserStore, W as isValidElement, bj as camelize, aC as devWarning, z as useConfigInject, bk as useState$1, af as CloseOutlined, A as classNames, I as arrayType, P as PropTypes, F as functionType, a9 as objectType, G as stringType, H as booleanType, aF as someType, B as genComponentStyleHook, C as merge, bl as toPx, Z as cloneElement, u as useRouter$1, aB as useSwipe, J as resetComponent, ap as textEllipsis, bm as genFocusStyle, aq as KeyCode, bn as skipFlattenKey } from './server.mjs';
-import { u as useProvideOverride, E as EllipsisOutlined, M as Menu, _ as __nuxt_component_1$1 } from './index-CGkJdmtz.mjs';
-import { R as ResizeObserver } from './index-xCOPbDMH.mjs';
+import { w as wrapperRaf, T as Trigger } from './index-DN2Eqyc3.mjs';
+import { b7 as Icon, ab as flattenChildren, E as omit, Q as initDefaultProps, aX as useRouter, aS as useRoute, a as useConfigStore, b as useUserStore, W as isValidElement, bk as camelize, aC as devWarning, z as useConfigInject, bl as useState$1, af as CloseOutlined, A as classNames, I as arrayType, P as PropTypes, F as functionType, a9 as objectType, G as stringType, H as booleanType, aF as someType, B as genComponentStyleHook, C as merge, bm as toPx, Z as cloneElement, u as useRouter$1, aB as useSwipe, J as resetComponent, ap as textEllipsis, bn as genFocusStyle, aq as KeyCode, bo as skipFlattenKey } from './server.mjs';
+import { u as useProvideOverride, E as EllipsisOutlined, M as Menu, _ as __nuxt_component_1$1 } from './index-CQMiaHEh.mjs';
+import { R as ResizeObserver } from './index-D4HrLPqa.mjs';
 import { u as useRefs } from './useRefs-BHKrVg4I.mjs';
 import pick from 'lodash-es/pick.js';
 import { u as useMergedState } from './useMergedState-BZEfJ8Fl.mjs';
-import { i as initSlideMotion } from './shallowequal-B7epstpr.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
+import { i as initSlideMotion } from './shallowequal-CJsWvZb3.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrGetDirectiveProps, ssrRenderAttr } from 'vue/server-renderer';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { d as getHighlightsList } from './media-_NDkNIvH.mjs';
-import { s as setInterval$1, C as CustomProgressBar, a as _imports_0, i as img_gif } from './FullScreenStories-DfqBumN3.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { d as getHighlightsList } from './media-CiMHc-Ka.mjs';
+import { s as setInterval$1, C as CustomProgressBar, a as _imports_0, i as img_gif } from './FullScreenStories-zaV3qMX5.mjs';
 import { Swiper, SwiperSlide } from 'swiper/vue';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, mergeProps, unref, withCtx, renderSlot, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent, ssrRenderSlot } from 'vue/server-renderer';
 import { a as useConfigStore } from './server.mjs';
-import { _ as __nuxt_component_1 } from './FormItem-BWqqFUsd.mjs';
+import { _ as __nuxt_component_1 } from './FormItem-Uo-Qw9vC.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "InstaInput",
@@ -0,0 +1,46 @@
+import { defineComponent, computed, ref, watch, unref, mergeProps, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate } from 'vue/server-renderer';
+import { a as useConfigStore } from './server.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Logo",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const config = useConfigStore();
+    const logoSrc = computed(() => {
+      if (!config.STORAGE_LOGO) {
+        console.warn("⚠️ STORAGE_LOGO is empty");
+        return "";
+      }
+      const logo = config.isNightStore ? "logo_full_white.png" : "logo_full.png";
+      const fullPath = config.useLogo(logo);
+      console.log("🖼️ Logo computed:", fullPath);
+      return fullPath;
+    });
+    ref(false);
+    watch(() => config.STORAGE_LOGO, (newVal) => {
+      console.log("🔄 STORAGE_LOGO changed:", newVal);
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      if (!logoSrc.value) {
+        _push(`<span${ssrRenderAttrs(_attrs)}>${ssrInterpolate(unref(config).appName.en)}</span>`);
+      } else {
+        _push(`<img${ssrRenderAttrs(mergeProps({
+          key: logoSrc.value,
+          src: logoSrc.value,
+          alt: unref(config).appName.en,
+          class: "inline"
+        }, _attrs))}>`);
+      }
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/Logo.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const Logo = Object.assign(_sfc_main, { __name: "Logo" });
+
+export { Logo as L };
@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, mergeProps, unref, withCtx, createTextVNode, toDisplayString, reactive, createVNode, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderList, ssrRenderComponent, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
 import { u as useRouter$1, a as useConfigStore, aM as useRoute$1, q as useElementSize } from './server.mjs';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { t as toJalali } from './useDateTime-D8RCoGwW.mjs';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
-import { _ as __nuxt_component_1 } from './index-CHH5_wC4.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { t as toJalali } from './useDateTime-iTLoRLEX.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
+import { _ as __nuxt_component_1 } from './index-l8e9lvT3.mjs';
 import { ContentLoader } from 'vue-content-loader';

 const _imports_0$1 = "" + __buildAssetsURL("empty_order.g7yXtwjI.svg");
@@ -1,15 +1,15 @@
 import { defineComponent, ref, reactive, mergeProps, unref, withCtx, createVNode, resolveDirective, openBlock, createBlock, withDirectives, Fragment, renderList, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderAttr, ssrGetDirectiveProps, ssrInterpolate, ssrRenderList, ssrRenderClass } from 'vue/server-renderer';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
-import { f as formatTime } from './useDateTime-D8RCoGwW.mjs';
+import { f as formatTime } from './useDateTime-iTLoRLEX.mjs';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { Pagination } from 'swiper/modules';
 import { i as img_gif } from './post_loading-CMOcYm9B.mjs';
 import { q as useElementSize, u as useRouter$1, a as useConfigStore, b as useUserStore } from './server.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { _ as _sfc_main$3 } from './like-BhIOg3YL.mjs';
-import { a as _sfc_main$7, b as _sfc_main$5, e as _sfc_main$6 } from './moreOptionProduct-DGhUOthE.mjs';
+import { _ as _sfc_main$3 } from './like-D4L8S2C_.mjs';
+import { b as _sfc_main$7, a as _sfc_main$5, e as _sfc_main$6 } from './moreOptionProduct-CDK2wI8v.mjs';
 import { ContentLoader } from 'vue-content-loader';

 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -29,11 +29,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _directive_lazy = resolveDirective("lazy");
      let _temp0;
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "mt-.5rem" }, _attrs))} data-v-d709ac2f>`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "mt-.5rem" }, _attrs))} data-v-59d99514>`);
      _push(ssrRenderComponent(unref(Swiper), {
        pagination: true,
        modules,
-        class: ["postConfig !m-unset", _ctx.media.length > 1 ? "!aspect-square !h-unset" : "!h-fit"]
+        class: ["postConfig !m-unset !w-full", _ctx.media.length > 1 ? "!aspect-square !h-unset" : "!h-fit"]
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
@@ -45,12 +45,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    if (slide.type === "video") {
-                      _push3(`<div class="video-container" data-v-d709ac2f${_scopeId2}><video${ssrRenderAttr("src", unref(config).useDataStorage(slide.url))} playsinline muted loop class="video" data-v-d709ac2f${_scopeId2}></video></div>`);
+                      _push3(`<div class="video-container" data-v-59d99514${_scopeId2}><video${ssrRenderAttr("src", unref(config).useDataStorage(slide.url))} playsinline muted loop class="video" data-v-59d99514${_scopeId2}></video></div>`);
                    } else {
-                      _push3(`<div class="${ssrRenderClass([_ctx.media.length > 1 ? "aspect-square" : "", "w-full flex items-center"])}" data-v-d709ac2f${_scopeId2}><img${ssrRenderAttrs(_temp0 = mergeProps({
+                      _push3(`<div class="${ssrRenderClass([_ctx.media.length > 1 ? "aspect-square" : "", "w-full flex items-center"])}" data-v-59d99514${_scopeId2}><img${ssrRenderAttrs(_temp0 = mergeProps({
                        alt: unref(config).appName.en,
                        class: "w-full"
-                      }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(slide.url), loading: unref(img_gif), error: unref(img_gif) })))} data-v-d709ac2f${_scopeId2}>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""}</div>`);
+                      }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(slide.url), loading: unref(img_gif), error: unref(img_gif) })))} data-v-59d99514${_scopeId2}>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""}</div>`);
                    }
                  } else {
                    return [
@@ -127,7 +127,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
        }),
        _: 1
      }, _parent));
-      _push(`<div class="flex bg-[#0195f7] text-white px-3 py-3 items-center justify-between" data-v-d709ac2f><div class="font-semibold text-xs" data-v-d709ac2f>${ssrInterpolate(_ctx.name)}</div><div class="flex items-center" data-v-d709ac2f><div class="text-xs" data-v-d709ac2f>${ssrInterpolate(unref(config).useString("viewProduct"))}</div>`);
+      _push(`<div class="flex bg-[#0195f7] text-white px-3 py-3 items-center justify-between cursor-pointer" data-v-59d99514><div class="font-semibold text-xs" data-v-59d99514>${ssrInterpolate(_ctx.name)}</div><div class="flex items-center" data-v-59d99514><div class="text-xs" data-v-59d99514>${ssrInterpolate(unref(config).useString("viewProduct"))}</div>`);
      _push(ssrRenderComponent(BasicIconOld, {
        icon: unref(config).isRTL ? "vuesax-linear:arrow-left-1" : "vuesax-linear:arrow-right-1",
        size: "16"
@@ -142,7 +142,7 @@ _sfc_main$2.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/base/pages/home/components/Content.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const Content = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d709ac2f"]]);
+const Content = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-59d99514"]]);
 const maxLength = 100;
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "Post",
@@ -1,23 +1,23 @@
-import { b6 as Icon$1, u as useRouter$1, a as useConfigStore, e as loading, aT as watchDebounced, _ as __nuxt_component_0, aS as useRoute, aX as useRouter, bo as tryOnScopeDispose, s as supabase, z as useConfigInject, A as classNames, bp as getDataAndAriaProps, Q as initDefaultProps, aC as devWarning, B as genComponentStyleHook, C as merge, ab as flattenChildren, P as PropTypes, F as functionType, H as booleanType, G as stringType, aF as someType, N as myAxios, M as Button, V as withInstall$1, J as resetComponent, bi as resetIcon, bq as isEmptyElement, Z as cloneElement, D as useInjectDisabled, W as isValidElement, a9 as objectType, I as arrayType, a1 as getSlot, K as Keyframe, L as genFocusOutline, a5 as hasProp, aP as withUndefined, aq as KeyCode } from './server.mjs';
+import { b7 as Icon$1, u as useRouter$1, a as useConfigStore, e as loading, aT as watchDebounced, _ as __nuxt_component_0, aS as useRoute, aX as useRouter, bp as tryOnScopeDispose, s as supabase, z as useConfigInject, A as classNames, bq as getDataAndAriaProps, Q as initDefaultProps, aC as devWarning, B as genComponentStyleHook, C as merge, ab as flattenChildren, P as PropTypes, F as functionType, H as booleanType, G as stringType, aF as someType, N as myAxios, M as Button, V as withInstall$1, J as resetComponent, bj as resetIcon, br as isEmptyElement, Z as cloneElement, D as useInjectDisabled, W as isValidElement, a9 as objectType, I as arrayType, a1 as getSlot, K as Keyframe, L as genFocusOutline, a5 as hasProp, aP as withUndefined, aq as KeyCode } from './server.mjs';
 import { createVNode, defineComponent, ref, computed, reactive, withAsyncContext, resolveDirective, unref, mergeProps, customRef, toValue, nextTick, watch, withCtx, createTextVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, withDirectives, vShow, Transition, shallowRef, watchEffect, renderSlot, createCommentVNode, provide, inject, Teleport, useSSRContext, getCurrentInstance } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrGetDirectiveProps, ssrRenderAttr, ssrRenderSlot, ssrRenderClass } from 'vue/server-renderer';
-import { l as loadGray, _ as __nuxt_component_0$1 } from './gray-Bd8mWW-o.mjs';
-import { b as getStoreSearchPosts } from './media-_NDkNIvH.mjs';
+import { l as loadGray, _ as __nuxt_component_0$1 } from './gray-wOBznZcb.mjs';
+import { b as getStoreSearchPosts } from './media-CiMHc-Ka.mjs';
 import { cloneDeep } from 'lodash-es';
 import { defineStore } from 'pinia';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { M as Menu, _ as __nuxt_component_1$1 } from './index-CGkJdmtz.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { M as Menu, _ as __nuxt_component_1$1 } from './index-CQMiaHEh.mjs';
 import _objectSpread$1 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { f as firstNotUndefined, B as BaseMixin, d as addEventListenerWrap, _ as __nuxt_component_2, e as tooltipProps, w as wrapperRaf, s as supportsPassive } from './index-Bpb_QU26.mjs';
-import { h as genCollapseMotion, j as collapseMotion } from './index-DgsBGZQx.mjs';
-import { B as BasicIconOld, u as usePrefix } from './BasicIconOld-93vAWohq.mjs';
-import { I as Input } from './index-xCOPbDMH.mjs';
-import { V as VcCheckbox } from './Checkbox-CXZ3hvS2.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
+import { f as firstNotUndefined, B as BaseMixin, d as addEventListenerWrap, _ as __nuxt_component_2, e as tooltipProps, w as wrapperRaf, s as supportsPassive } from './index-DN2Eqyc3.mjs';
+import { h as genCollapseMotion, j as collapseMotion } from './index-BTlbWWOl.mjs';
+import { B as BasicIconOld, u as usePrefix } from './BasicIconOld-Booq7UXp.mjs';
+import { I as Input } from './index-D4HrLPqa.mjs';
+import { V as VcCheckbox } from './Checkbox-BqbMrYFp.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';
 import { TinyColor } from '@ctrl/tinycolor';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';

 // This icon file is generated automatically.
 var RightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
@@ -5410,7 +5410,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
      _push(`<div class="flex gap-2 items-center"><span class="font-bold">${ssrInterpolate(unref(usePrice)(total.value ?? 0, true, ""))}</span><span class="text-xs text-gray-400">${ssrInterpolate(unref(config).useString("countProducts"))}</span></div></div>`);
      if (!unref(loading)) {
-        _push(`<div class="w-full grid grid-cols-3 mt-2 gap-2px"><!--[-->`);
+        _push(`<div class="w-full grid grid-cols-3 sm:grid-cols-5 mt-2 gap-2px"><!--[-->`);
        ssrRenderList(posts.value, (post, i) => {
          _push(`<div class="w-full aspect-square relative">`);
          if (post.files?.length) {
@@ -1,9 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import { defineComponent, ref, watch, computed, createVNode, provide, inject, nextTick } from 'vue';
 import { z as useConfigInject, A as classNames, B as genComponentStyleHook, C as merge, D as useInjectDisabled, E as omit, P as PropTypes, F as functionType, G as stringType, H as booleanType, I as arrayType, J as resetComponent, K as Keyframe, L as genFocusOutline } from './server.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { V as VcCheckbox } from './Checkbox-CXZ3hvS2.mjs';
+import { V as VcCheckbox } from './Checkbox-BqbMrYFp.mjs';

 const radioGroupContextKey = /* @__PURE__ */ Symbol("radioGroupContextKey");
 const useProvideRadioGroupContext = (props) => {
@@ -1,9 +1,9 @@
-import { l as loadGray, _ as __nuxt_component_0 } from './gray-Bd8mWW-o.mjs';
+import { l as loadGray, _ as __nuxt_component_0 } from './gray-wOBznZcb.mjs';
 import { u as useRouter$1, a as useConfigStore, m as useIntersectionObserver, e as loading, b as useUserStore } from './server.mjs';
 import { defineComponent, ref, resolveDirective, mergeProps, unref, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderList, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr, ssrRenderStyle, ssrRenderComponent } from 'vue/server-renderer';
 import { defineStore } from 'pinia';
-import { g as getUserSaved } from './save-6qQTYFWc.mjs';
+import { g as getUserSaved } from './save-3yOnAiJS.mjs';

 const useSavedPostStore = defineStore("saved", () => {
  const savedPosts = ref([]);
@@ -1,32 +1,32 @@
 import { createVNode, defineComponent, ref, reactive, computed, withAsyncContext, resolveDirective, unref, mergeProps, withCtx, openBlock, createBlock, withDirectives, Fragment, renderList, watch, createTextVNode, toDisplayString, toRef, watchEffect, shallowRef, toRaw, provide, isRef, toRefs, nextTick, inject, cloneVNode, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrRenderAttrs, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderClass, ssrRenderStyle } from 'vue/server-renderer';
-import { b6 as Icon, u as useRouter$1, a as useConfigStore, o as useCartStore, b as useUserStore, br as getOneProduct, _ as __nuxt_component_0, aN as useProduct, p as usePriceStore, z as useConfigInject, bs as useCompactItemContext, D as useInjectDisabled, Y as getTransitionName, bt as getTransitionDirection, A as classNames, bu as DefaultRenderEmpty, E as omit, Q as initDefaultProps, B as genComponentStyleHook, C as merge, aD as CloseCircleFilled, bb as LoadingOutlined, af as CloseOutlined, bk as useState$1, P as PropTypes, F as functionType, G as stringType, H as booleanType, aF as someType, T as genCompactItemStyle, W as isValidElement, Z as cloneElement, J as resetComponent, bi as resetIcon, ap as textEllipsis, ab as flattenChildren, aq as KeyCode, bv as pickAttrs } from './server.mjs';
+import { ssrRenderComponent, ssrRenderAttrs, ssrRenderClass, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
+import { b7 as Icon, u as useRouter$1, a as useConfigStore, o as useCartStore, b as useUserStore, bs as getOneProduct, _ as __nuxt_component_0, aN as useProduct, p as usePriceStore, z as useConfigInject, bt as useCompactItemContext, D as useInjectDisabled, Y as getTransitionName, bu as getTransitionDirection, A as classNames, bv as DefaultRenderEmpty, E as omit, Q as initDefaultProps, B as genComponentStyleHook, C as merge, aD as CloseCircleFilled, bc as LoadingOutlined, af as CloseOutlined, bl as useState$1, P as PropTypes, F as functionType, G as stringType, H as booleanType, aF as someType, T as genCompactItemStyle, W as isValidElement, Z as cloneElement, J as resetComponent, bj as resetIcon, ap as textEllipsis, ab as flattenChildren, aq as KeyCode, bw as pickAttrs } from './server.mjs';
 import { _ as _imports_0, a as _imports_1 } from './cart-DMkYna66.mjs';
-import { B as BasicIconOld, u as usePrefix } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld, u as usePrefix } from './BasicIconOld-Booq7UXp.mjs';
 import { i as img_gif } from './post_loading-CMOcYm9B.mjs';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { Zoom, Navigation, Pagination } from 'swiper/modules';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
 import { cloneDeep, get } from 'lodash-es';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
 import _objectSpread$1 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { _ as __nuxt_component_2, T as Trigger, w as wrapperRaf, s as supportsPassive } from './index-Bpb_QU26.mjs';
-import { R as ResizeObserver, a as antInput, S as SearchOutlined } from './index-xCOPbDMH.mjs';
-import { O as Overflow } from './index-CGkJdmtz.mjs';
-import { u as useMemo, i as initMoveMotion } from './move-DnSsXmCn.mjs';
+import { _ as __nuxt_component_2, T as Trigger, w as wrapperRaf, s as supportsPassive } from './index-DN2Eqyc3.mjs';
+import { R as ResizeObserver, a as antInput, S as SearchOutlined } from './index-D4HrLPqa.mjs';
+import { O as Overflow } from './index-CQMiaHEh.mjs';
+import { u as useMemo, i as initMoveMotion } from './move-DCvQW68K.mjs';
 import { u as useMergedState } from './useMergedState-BZEfJ8Fl.mjs';
 import { C as CheckOutlined } from '../_/CheckOutlined.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
-import { g as getMergedStatus, a as getStatusClassNames } from './index-DgsBGZQx.mjs';
-import { a as slideDownOut, b as slideUpOut, c as slideDownIn, d as slideUpIn, i as initSlideMotion } from './shallowequal-B7epstpr.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { _ as __nuxt_component_1 } from './FormItem-BWqqFUsd.mjs';
-import { _ as __nuxt_component_1$1 } from './index-CHH5_wC4.mjs';
-import { _ as _sfc_main$7, a as _sfc_main$7$1, b as _sfc_main$5$1, e as _sfc_main$6$1, C as CommentAddEdit } from './moreOptionProduct-DGhUOthE.mjs';
-import { _ as _sfc_main$8 } from './like-BhIOg3YL.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
-import { B as Badge } from './index-BdQA8FuS.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';
+import { g as getMergedStatus, a as getStatusClassNames } from './index-BTlbWWOl.mjs';
+import { a as slideDownOut, b as slideUpOut, c as slideDownIn, d as slideUpIn, i as initSlideMotion } from './shallowequal-CJsWvZb3.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { _ as __nuxt_component_1 } from './FormItem-Uo-Qw9vC.mjs';
+import { _ as __nuxt_component_1$1 } from './index-l8e9lvT3.mjs';
+import { _ as _sfc_main$7, b as _sfc_main$7$1, a as _sfc_main$5$1, e as _sfc_main$6$1, C as CommentAddEdit } from './moreOptionProduct-CDK2wI8v.mjs';
+import { _ as _sfc_main$8 } from './like-D4L8S2C_.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';
+import { B as Badge } from './index-CdbN5q5Z.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -53,27 +53,27 @@ import 'dom-align';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
 import 'lodash-es/uniq.js';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
-import './index-x7G4qpPf.mjs';
+import './index-zsqPNrGJ.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import 'framesync';
 import 'popmotion';
 import 'style-value-types';
-import './UserProfilePic-XzJNxY0K.mjs';
-import './useDateTime-D8RCoGwW.mjs';
+import './UserProfilePic-CSSFM-Xe.mjs';
+import './useDateTime-iTLoRLEX.mjs';
 import 'moment';
 import 'moment-timezone';
 import 'moment-jalaali';
 import 'date-fns';
 import 'date-fns/locale';
-import './index-Cq494RwS.mjs';
+import './index-Dt1yGoIP.mjs';
 import 'vue-content-loader';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import 'perfect-debounce';

 // This icon file is generated automatically.
@@ -5019,7 +5019,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0;
      const _component_AFormItem = __nuxt_component_1;
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="mx-4 mt-5"><div class="font-bold text-lg">${ssrInterpolate(_product.value.title)}</div><div class="flex justify-between items-center w-full gap-5 mt-3"><div class="flex gap-4"><div class="items-center gap-1 flex md:hidden"><div class="font-semibold text-xl">${ssrInterpolate(unref(usePrice)(_product.value.price?.value ?? 0, true, ""))}</div><div>${ssrInterpolate(unref(config).priceUnit)}</div></div>`);
+      _push(`<div${ssrRenderAttrs(_attrs)}><div class="mx-4 mt-5"><div class="font-bold text-lg">${ssrInterpolate(_product.value.title)}</div><div class="flex justify-between items-center w-full gap-5 mt-3"><div class="flex gap-4"><div class="items-center gap-1 flex"><div class="font-semibold text-xl">${ssrInterpolate(unref(usePrice)(_product.value.price?.value ?? 0, true, ""))}</div><div>${ssrInterpolate(unref(config).priceUnit)}</div></div>`);
      if (_product.value.hasDiscount?.value) {
        _push(`<div class="flex items-center gap-1"><div class="slanted-strike text-xs">${ssrInterpolate(unref(usePrice)(_product.value?.originalPrice?.value ?? 0, true, ""))}</div><div class="mr-1 text-xs">${ssrInterpolate(unref(config).priceUnit)}</div><div class="mr-2 text-xs bg-primary text-white px-2 py-1px rounded">${ssrInterpolate(_product.value?.discountPercent?.value)}% </div></div>`);
      } else {
@@ -5297,19 +5297,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      const _component_a_badge = Badge;
      const _directive_lazy = resolveDirective("lazy");
      let _temp0, _temp1;
-      _push(`<div${ssrRenderAttrs(_attrs)} data-v-263c8776><div class="absolute top-0 w-inherit right-0 left-0" data-v-263c8776><div class="flex justify-between items-center w-full p4" data-v-263c8776><div class="flex items-center gap-2" data-v-263c8776>`);
+      _push(`<div${ssrRenderAttrs(_attrs)} data-v-599b1c81><div class="w-inherit right-0 left-0 sm:ml-15" data-v-599b1c81><div class="${ssrRenderClass([unref(config).isNightStore ? "bg-[#121212]" : "bg-white", "sticky top-0 z-100 flex justify-between items-center w-full p4"])}" data-v-599b1c81><div class="flex items-center gap-2" data-v-599b1c81>`);
      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
      if (unref(data)) {
-        _push(`<div class="font-semibold flex items-center gap-3" data-v-263c8776><img${ssrRenderAttrs(_temp0 = mergeProps({
+        _push(`<div class="font-semibold flex items-center gap-3" data-v-599b1c81><img${ssrRenderAttrs(_temp0 = mergeProps({
          alt: "instagram",
          class: "rounded-full w-2rem h-2rem"
-        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(unref(data)?.users?.avatar), loading: unref(empty_user), error: unref(empty_user) })))} data-v-263c8776>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""} ${ssrInterpolate(unref(data)?.users?.username)}</div>`);
+        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(unref(data)?.users?.avatar), loading: unref(empty_user), error: unref(empty_user) })))} data-v-599b1c81>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""} ${ssrInterpolate(unref(data)?.users?.username)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
      if (unref(data)) {
-        _push(`<div class="flex items-center gap-8px" data-v-263c8776>`);
+        _push(`<div class="flex items-center gap-8px" data-v-599b1c81>`);
        if (unref(config).isSeller && unref(config).APP_TYPE === "multi") {
          _push(ssrRenderComponent(_component_a_badge, {
            count: unref(cartStore).count,
@@ -5317,11 +5317,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
-                _push2(`<div data-v-263c8776${_scopeId}>`);
+                _push2(`<div data-v-599b1c81${_scopeId}>`);
                if (unref(config).isNightStore) {
-                  _push2(`<img${ssrRenderAttr("src", _imports_0)} class="w-1.8rem -mt1" alt="" data-v-263c8776${_scopeId}>`);
+                  _push2(`<img${ssrRenderAttr("src", _imports_0)} class="w-1.8rem -mt1" alt="" data-v-599b1c81${_scopeId}>`);
                } else {
-                  _push2(`<img${ssrRenderAttr("src", _imports_1)}${ssrRenderAttr("alt", unref(config).appName.en)} class="w-1.8rem -mt1" data-v-263c8776${_scopeId}>`);
+                  _push2(`<img${ssrRenderAttr("src", _imports_1)}${ssrRenderAttr("alt", unref(config).appName.en)} class="w-1.8rem -mt1" data-v-599b1c81${_scopeId}>`);
                }
                _push2(`</div>`);
              } else {
@@ -5363,10 +5363,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      } else {
        _push(`<!---->`);
      }
-      _push(`</div><div class="h-90vh overflow-y-auto pb-10vh" data-v-263c8776>`);
+      _push(`</div><div class="flex flex-col sm:flex-row" data-v-599b1c81>`);
      if (images.value) {
        _push(ssrRenderComponent(unref(Swiper), {
-          class: "!flex !flex-row !gab-15 md:mt-2",
+          class: "!flex !flex-row !gab-15 w-full md:mt-2 sm:h-85vh",
          "slides-per-view": 1,
          freeMode: false,
          watchSlidesProgress: true,
@@ -5397,14 +5397,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                _push2(ssrRenderComponent(unref(SwiperSlide), null, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    if (_push3) {
-                      _push3(`<div class="swiper-zoom-container" data-v-263c8776${_scopeId2}>`);
+                      _push3(`<div class="swiper-zoom-container" data-v-599b1c81${_scopeId2}>`);
                      if (item.type === "video") {
-                        _push3(`<div class="video-container" data-v-263c8776${_scopeId2}><video${ssrRenderAttr("src", unref(config).useDataStorage(item.url))} playsinline muted loop class="video" data-v-263c8776${_scopeId2}></video></div>`);
+                        _push3(`<div class="video-container" data-v-599b1c81${_scopeId2}><video${ssrRenderAttr("src", unref(config).useDataStorage(item.url))} playsinline muted loop class="video" data-v-599b1c81${_scopeId2}></video></div>`);
                      } else {
-                        _push3(`<div class="w-full aspect-square flex items-center" data-v-263c8776${_scopeId2}><img${ssrRenderAttrs(_temp1 = mergeProps({
+                        _push3(`<div data-v-599b1c81${_scopeId2}><img${ssrRenderAttrs(_temp1 = mergeProps({
                          alt: unref(config).appName.en,
                          class: "w-full h-full object-contain"
-                        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(item.url), loading: unref(img_gif), error: unref(img_gif) })))} data-v-263c8776${_scopeId2}>${"textContent" in _temp1 ? ssrInterpolate(_temp1.textContent) : _temp1.innerHTML ?? ""}</div>`);
+                        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(item.url), loading: unref(img_gif), error: unref(img_gif) })))} data-v-599b1c81${_scopeId2}>${"textContent" in _temp1 ? ssrInterpolate(_temp1.textContent) : _temp1.innerHTML ?? ""}</div>`);
                      }
                      _push3(`</div>`);
                    } else {
@@ -5423,10 +5423,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                              loop: "",
                              class: "video"
                            }, null, 8, ["src"])
-                          ])) : (openBlock(), createBlock("div", {
-                            key: 1,
-                            class: "w-full aspect-square flex items-center"
-                          }, [
+                          ])) : (openBlock(), createBlock("div", { key: 1 }, [
                            withDirectives(createVNode("img", {
                              alt: unref(config).appName.en,
                              class: "w-full h-full object-contain"
@@ -5461,10 +5458,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                            loop: "",
                            class: "video"
                          }, null, 8, ["src"])
-                        ])) : (openBlock(), createBlock("div", {
-                          key: 1,
-                          class: "w-full aspect-square flex items-center"
-                        }, [
+                        ])) : (openBlock(), createBlock("div", { key: 1 }, [
                          withDirectives(createVNode("img", {
                            alt: unref(config).appName.en,
                            class: "w-full h-full object-contain"
@@ -5485,7 +5479,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      } else {
        _push(`<!---->`);
      }
-      _push(`<div class="custom-pagination relative py-2 -mt-6 z-1000" data-v-263c8776></div>`);
+      _push(`<div class="h-90vh overflow-y-auto pb-10vh sm:pb-0 sm:w-50vw" data-v-599b1c81><div class="custom-pagination relative py-2 -mt-6 z-1000" data-v-599b1c81></div>`);
      _push(ssrRenderComponent(_sfc_main$2, {
        product: unref(data),
        class: "px-4 mt-3"
@@ -5494,17 +5488,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
        inf: unref(data),
        onVariantSelected: (v) => variantSelected.value = v
      }, null, _parent));
-      _push(`<div class="${ssrRenderClass([unref(config).isNightStore ? "bg-zinc-9" : "bg-gray-100", "h-2 mt-5 w-full bg-gray-100"])}" data-v-263c8776></div>`);
+      _push(`<div class="${ssrRenderClass([unref(config).isNightStore ? "bg-zinc-9" : "bg-gray-100", "h-2 mt-5 w-full bg-gray-100"])}" data-v-599b1c81></div>`);
      _push(ssrRenderComponent(_sfc_main$4, {
        class: "md:w-full",
        inf: unref(data),
        "variant-selected": variantSelected.value
      }, null, _parent));
-      _push(`<div style="${ssrRenderStyle(unref(data)?.product_attributes?.filter((x) => x.use_in_product_page) || unref(data)?.description ? null : { display: "none" })}" class="${ssrRenderClass([unref(config).isNightStore ? "bg-zinc-9" : "bg-gray-100", "h-2 mt-5 w-full bg-gray-100"])}" data-v-263c8776></div>`);
+      _push(`<div style="${ssrRenderStyle(unref(data)?.product_attributes?.filter((x) => x.use_in_product_page) || unref(data)?.description ? null : { display: "none" })}" class="${ssrRenderClass([unref(config).isNightStore ? "bg-zinc-9" : "bg-gray-100", "h-2 mt-5 w-full bg-gray-100"])}" data-v-599b1c81></div>`);
      _push(ssrRenderComponent(_sfc_main$3, {
        seller: unref(data).users
      }, null, _parent));
-      _push(`</div></div>`);
+      _push(`</div></div></div>`);
      _push(ssrRenderComponent(_sfc_main$7, {
        id: optionPostId.value,
        open: optionVisible.value,
@@ -5520,7 +5514,7 @@ _sfc_main$1.setup = (props2, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/base/pages/product/index.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props2, ctx) : void 0;
 };
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-263c8776"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-599b1c81"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "[id]",
  __ssrInlineRender: true,
@@ -2,26 +2,26 @@ import { defineComponent, computed, withAsyncContext, unref, mergeProps, ref, re
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderAttr, ssrInterpolate, ssrRenderList, ssrGetDirectiveProps, ssrRenderStyle, ssrRenderSlot } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, e as loading, aQ as getOneUser, q as useElementSize, o as useCartStore, m as useIntersectionObserver, n as getToken, V as withInstall, z as useConfigInject, aC as devWarning, A as classNames, ad as getTransitionProps, Y as getTransitionName, E as omit, aR as NoCompactStyle, Q as initDefaultProps, B as genComponentStyleHook, C as merge, a4 as Portal, P as PropTypes, a9 as objectType, S as getPropsSlot, aq as KeyCode, F as functionType, I as arrayType, af as CloseOutlined } from './server.mjs';
 import { _ as _imports_0$2, a as _imports_1$2 } from './cart-DMkYna66.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import numbro from 'numbro';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { H as Highlights, T as Tabs, _ as __nuxt_component_1$2 } from './Highlights-hsf9wGS5.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { l as loadGray, _ as __nuxt_component_0 } from './gray-Bd8mWW-o.mjs';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
-import { _ as _sfc_main$8 } from './FullScreenStories-DfqBumN3.mjs';
-import { u as useUserPostStore } from './userPostsStore-CAxMlK-n.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
-import { B as Badge, i as isNumeric } from './index-BdQA8FuS.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { H as Highlights, T as Tabs, _ as __nuxt_component_1$2 } from './Highlights-BvFRnhHk.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { l as loadGray, _ as __nuxt_component_0 } from './gray-wOBznZcb.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
+import { _ as _sfc_main$8 } from './FullScreenStories-zaV3qMX5.mjs';
+import { u as useUserPostStore } from './userPostsStore-zgAQCVWR.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';
+import { B as Badge, i as isNumeric } from './index-CdbN5q5Z.mjs';
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { _ as __nuxt_component_1 } from './index-Cq494RwS.mjs';
-import { _ as __nuxt_component_1$1 } from './index-CHH5_wC4.mjs';
+import { _ as __nuxt_component_1 } from './index-Dt1yGoIP.mjs';
+import { _ as __nuxt_component_1$1 } from './index-l8e9lvT3.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { _ as _sfc_main$9 } from './OrdersList-Dw8e4QsQ.mjs';
-import { _ as _sfc_main$a } from './SavedList-1hoOQDD0.mjs';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { t as toJalali } from './useDateTime-D8RCoGwW.mjs';
+import { _ as _sfc_main$9 } from './OrdersList-BbFMG2pP.mjs';
+import { _ as _sfc_main$a } from './SavedList-CGVPfSGr.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { t as toJalali } from './useDateTime-iTLoRLEX.mjs';
 import { ContentLoader } from 'vue-content-loader';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -45,29 +45,29 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index-CGkJdmtz.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './index-CQMiaHEh.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import 'lodash-es/uniq.js';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
 import './useRefs-BHKrVg4I.mjs';
 import 'lodash-es/pick.js';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './media-_NDkNIvH.mjs';
+import './media-CiMHc-Ka.mjs';
 import 'swiper/vue';
 import './empty_user-DSxcM_ac.mjs';
-import './BasicInput-CldcPa4f.mjs';
-import './like-BhIOg3YL.mjs';
+import './BasicInput-CgQV_gT5.mjs';
+import './like-D4L8S2C_.mjs';
 import 'swiper/modules';
 import 'perfect-debounce';
-import './save-6qQTYFWc.mjs';
+import './save-3yOnAiJS.mjs';
 import 'moment';
 import 'moment-timezone';
 import 'moment-jalaali';
@@ -1147,7 +1147,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
  setup(__props) {
    const config = useConfigStore();
    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center justify-between" }, _attrs))}><div class="flex gap-2 items-center">`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center justify-between cursor-pointer" }, _attrs))}><div class="flex gap-2 items-center">`);
      if (_ctx.icon) {
        _push(ssrRenderComponent(BasicIconOld, { icon: _ctx.icon }, null, _parent));
      } else {
@@ -1569,19 +1569,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ATabs = Tabs;
      const _component_ATabPane = __nuxt_component_1$2;
-      _push(`<div${ssrRenderAttrs(_attrs)} data-v-097c9901><div class="absolute top-0 w-inherit right-0 left-0" data-v-097c9901><div class="flex justify-between w-full p-4" data-v-097c9901><div class="flex items-center gap-4" data-v-097c9901>`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "sm:w-50vw sm:justify-self-center" }, _attrs))} data-v-8f633903><div class="sticky top-0 w-inherit right-0 left-0" data-v-8f633903><div class="flex justify-between w-full p-4" data-v-8f633903><div class="flex items-center gap-4" data-v-8f633903>`);
      _push(ssrRenderComponent(BasicIconOld, {
        icon: !unref(config).isRTL ? "vuesax-linear:arrow-left" : "vuesax-linear:arrow-right",
+        class: "cursor-pointer",
        onClick: ($event) => unref(router).back()
      }, null, _parent));
-      _push(`<div class="font-semibold text-lg" data-v-097c9901>${ssrInterpolate(_ctx.user?.name)}</div></div><div class="flex gap-24px items-center" data-v-097c9901></div></div><div class="h-90vh overflow-y-auto" data-v-097c9901><div class="px4" data-v-097c9901><div class="flex" data-v-097c9901>`);
+      _push(`<div class="font-semibold text-lg" data-v-8f633903>${ssrInterpolate(_ctx.user?.name)}</div></div><div class="flex gap-24px items-center" data-v-8f633903></div></div><div class="h-90vh overflow-y-auto" data-v-8f633903><div class="px4" data-v-8f633903><div class="flex" data-v-8f633903>`);
      _push(ssrRenderComponent(UserProfilePic, {
        src: _ctx.user?.avatar,
        "just-show-profile": ""
      }, null, _parent));
-      _push(`<div class="p3 text-sm" data-v-097c9901><div class="flex mt2 gap-4" data-v-097c9901><div class="w-4rem" data-v-097c9901><div class="font-semibold" data-v-097c9901>${ssrInterpolate(formatNumber(_ctx.user?.stats?.buy_total_order_count ?? 0))}</div><div data-v-097c9901>${ssrInterpolate(unref(config).useString("orders"))}</div></div><div class="w-10rem" data-v-097c9901><div class="font-semibold flex" data-v-097c9901>${ssrInterpolate(unref(usePrice)(_ctx.user?.stats?.buy_total_order_sum ?? 0))}</div><div data-v-097c9901>${ssrInterpolate(unref(config).useString("totalAmountPurchased"))}</div></div></div></div></div><div class="grid grid-cols-3 mt-3" data-v-097c9901><div class="" data-v-097c9901><div class="text-sm" data-v-097c9901>${ssrInterpolate(unref(config).useString("phone"))}:</div><div class="text-xs font-semibold" data-v-097c9901>${ssrInterpolate(_ctx.user?.phone ?? "_")}</div></div><div class="" data-v-097c9901><div class="text-sm" data-v-097c9901>${ssrInterpolate(unref(config).useString("birthdate"))}:</div><div class="text-xs font-semibold" data-v-097c9901>${ssrInterpolate(unref(toJalali)(_ctx.user?.birthday ?? "_"))}</div></div><div class="" data-v-097c9901><div class="text-sm" data-v-097c9901>${ssrInterpolate(unref(config).useString("email"))}:</div><div class="text-xs font-semibold" data-v-097c9901>${ssrInterpolate(_ctx.user?.email ?? "_")}</div></div></div><div class="mt-4 flex" data-v-097c9901></div></div>`);
+      _push(`<div class="p3 text-sm" data-v-8f633903><div class="flex mt2 gap-4" data-v-8f633903><div class="w-4rem" data-v-8f633903><div class="font-semibold" data-v-8f633903>${ssrInterpolate(formatNumber(_ctx.user?.stats?.buy_total_order_count ?? 0))}</div><div data-v-8f633903>${ssrInterpolate(unref(config).useString("orders"))}</div></div><div class="w-10rem" data-v-8f633903><div class="font-semibold flex" data-v-8f633903>${ssrInterpolate(unref(usePrice)(_ctx.user?.stats?.buy_total_order_sum ?? 0))}</div><div data-v-8f633903>${ssrInterpolate(unref(config).useString("totalAmountPurchased"))}</div></div></div></div></div><div class="grid grid-cols-3 mt-3" data-v-8f633903><div class="" data-v-8f633903><div class="text-sm" data-v-8f633903>${ssrInterpolate(unref(config).useString("phone"))}:</div><div class="text-xs font-semibold" data-v-8f633903>${ssrInterpolate(_ctx.user?.phone ?? "_")}</div></div><div class="" data-v-8f633903><div class="text-sm" data-v-8f633903>${ssrInterpolate(unref(config).useString("birthdate"))}:</div><div class="text-xs font-semibold" data-v-8f633903>${ssrInterpolate(unref(toJalali)(_ctx.user?.birthday ?? "_"))}</div></div><div class="" data-v-8f633903><div class="text-sm" data-v-8f633903>${ssrInterpolate(unref(config).useString("email"))}:</div><div class="text-xs font-semibold" data-v-8f633903>${ssrInterpolate(_ctx.user?.email ?? "_")}</div></div></div><div class="mt-4 flex" data-v-8f633903></div></div>`);
      if (unref(config).isSeller) {
-        _push(`<div data-v-097c9901>`);
+        _push(`<div data-v-8f633903>`);
        _push(ssrRenderComponent(_component_ATabs, {
          activeKey: activeKey.value,
          "onUpdate:activeKey": ($event) => activeKey.value = $event,
@@ -1597,7 +1598,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
-                    _push3(`<div class="h-63vh pb-10vh overflow-y-auto px-3" data-v-097c9901${_scopeId2}>`);
+                    _push3(`<div class="h-63vh pb-10vh overflow-y-auto px-3" data-v-8f633903${_scopeId2}>`);
                    _push3(ssrRenderComponent(_sfc_main$9, null, null, _parent3, _scopeId2));
                    _push3(`</div>`);
                  } else {
@@ -1617,7 +1618,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
-                    _push3(`<div class="h-63vh pb-10vh overflow-y-auto px-3" data-v-097c9901${_scopeId2}>`);
+                    _push3(`<div class="h-63vh pb-10vh overflow-y-auto px-3" data-v-8f633903${_scopeId2}>`);
                    _push3(ssrRenderComponent(_sfc_main$a, null, null, _parent3, _scopeId2));
                    _push3(`</div>`);
                  } else {
@@ -1675,7 +1676,7 @@ _sfc_main$3.setup = (props2, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/base/pages/userProf/components/Customer.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props2, ctx) : void 0;
 };
-const Customer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-097c9901"]]);
+const Customer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-8f633903"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "ProfileSkeleton",
  __ssrInlineRender: true,
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-DueIMgOd.mjs';
+import { _ as _sfc_main$1 } from './index-DPdW-whw.mjs';
 import '@ant-design/icons-vue';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -30,25 +30,25 @@ import 'vue-types';
 import 'unhead/utils';
 import './empty_user-DSxcM_ac.mjs';
 import './inputRules-Cr4Uiro2.mjs';
-import './BasicInput-CldcPa4f.mjs';
-import './usePrice-_QzChhgO.mjs';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './BasicInput-CgQV_gT5.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './BaseDatePicker-Dkf-M4Yl.mjs';
+import './BaseDatePicker-D3_e-ycp.mjs';
 import 'moment-jalaali';
 import 'dayjalali';
-import './index-D1gzz96y.mjs';
+import './index-CnnQbQCE.mjs';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './move-DnSsXmCn.mjs';
-import './shallowequal-B7epstpr.mjs';
-import './index-DDKLrugS.mjs';
+import './move-DCvQW68K.mjs';
+import './shallowequal-CJsWvZb3.mjs';
+import './index-C5WgqxkU.mjs';
 import './close_light-DbrEdRZI.mjs';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
@@ -57,16 +57,16 @@ import 'compute-scroll-into-view';
 import 'lodash-es/intersection.js';
 import 'lodash-es/debounce.js';
 import 'lodash-es/omit.js';
-import './index-x7G4qpPf.mjs';
+import './index-zsqPNrGJ.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import 'framesync';
 import 'popmotion';
 import 'style-value-types';
-import './BasicButton-CNera6n7.mjs';
-import './index--iRd5AYr.mjs';
+import './BasicButton-7YIRCRg8.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './InstaInput-B3jNyRDU.mjs';
+import './InstaInput-Cs7_qhi7.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "[id]",
@@ -1,24 +1,24 @@
-import { defineComponent, ref, computed, unref, resolveDirective, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withDirectives, reactive, watch, nextTick, shallowRef, useSSRContext } from 'vue';
+import { defineComponent, ref, computed, mergeProps, unref, resolveDirective, withCtx, createTextVNode, toDisplayString, createVNode, withDirectives, reactive, watch, nextTick, shallowRef, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderClass, ssrInterpolate, ssrGetDirectiveProps, ssrRenderList } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, e as loading, aN as useProduct, z as useConfigInject, aO as useToken, af as CloseOutlined, A as classNames, E as omit, Q as initDefaultProps, N as myAxios, B as genComponentStyleHook, C as merge, P as PropTypes, R as filterEmpty, F as functionType, G as stringType, aF as someType, I as arrayType, H as booleanType, aP as withUndefined, d as api$1, J as resetComponent, aj as supabaseService, ap as textEllipsis, Z as cloneElement } from './server.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
 import { p as previewImg } from './logo_preview-CJTcB_Eg.mjs';
-import { B as Badge } from './index-BdQA8FuS.mjs';
-import { _ as __nuxt_component_1$1 } from './index-CHH5_wC4.mjs';
-import { t as toJalali } from './useDateTime-D8RCoGwW.mjs';
-import { B as BasicSheet } from './index-x7G4qpPf.mjs';
-import { F as Form, _ as _sfc_main$5 } from './index-DDKLrugS.mjs';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
-import { _ as __nuxt_component_1$2, u as useResponsiveObserver } from './FormItem-BWqqFUsd.mjs';
+import { B as Badge } from './index-CdbN5q5Z.mjs';
+import { _ as __nuxt_component_1$1 } from './index-l8e9lvT3.mjs';
+import { t as toJalali } from './useDateTime-iTLoRLEX.mjs';
+import { B as BasicSheet } from './index-zsqPNrGJ.mjs';
+import { F as Form, _ as _sfc_main$5 } from './index-C5WgqxkU.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
+import { _ as __nuxt_component_1$2, u as useResponsiveObserver } from './FormItem-Uo-Qw9vC.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { C as CheckOutlined } from '../_/CheckOutlined.mjs';
-import { _ as __nuxt_component_2$1 } from './index-fviVuNo9.mjs';
-import { _ as __nuxt_component_2 } from './index-Bpb_QU26.mjs';
+import { _ as __nuxt_component_2$1 } from './index-CRP3RHmx.mjs';
+import { _ as __nuxt_component_2 } from './index-DN2Eqyc3.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -41,7 +41,7 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'moment';
 import 'moment-timezone';
@@ -60,9 +60,9 @@ import 'lodash-es/cloneDeep.js';
 import 'lodash-es/intersection.js';
 import 'lodash-es/debounce.js';
 import 'lodash-es/omit.js';
-import './FormItemContext-p68sljID.mjs';
-import './index-xCOPbDMH.mjs';
-import './index-DgsBGZQx.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-D4HrLPqa.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
 import 'async-validator';
@@ -1549,9 +1549,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
      } else {
        _push(`<!---->`);
      }
-      _push(`<span class="text-sm">${ssrInterpolate(unref(usePrice)(unref(price), true, ""))}</span><span class="text-xs text-end">${ssrInterpolate(unref(config).priceUnit)}</span></div></div></div></div><div class="px-3">`);
+      _push(`<span class="text-sm">${ssrInterpolate(unref(usePrice)(_ctx.item.price, true, ""))}</span><span class="text-xs text-end">${ssrInterpolate(unref(config).priceUnit)}</span></div></div></div></div><div class="px-3">`);
      _push(ssrRenderComponent(_component_a_divider, { class: "my-2" }, null, _parent));
-      _push(`</div><div class="ps-4 flex items-baseline"><div class="font-bold">${ssrInterpolate(unref(usePrice)(_ctx.item.qty * unref(price), true, ""))}</div><div class="text-sm text-end font-bold ms-1">${ssrInterpolate(unref(config).priceUnit)}</div>`);
+      _push(`</div><div class="ps-4 flex items-baseline"><div class="font-bold">${ssrInterpolate(unref(usePrice)(_ctx.item.total_price, true, ""))}</div><div class="text-sm text-end font-bold ms-1">${ssrInterpolate(unref(config).priceUnit)}</div>`);
      if (unref(hasDiscount)) {
        _push(`<div class="font-medium text-gray-400 text-xs line-through ms-5">${ssrInterpolate(unref(usePrice)(_ctx.item.qty * unref(originalPrice)))}</div>`);
      } else {
@@ -2035,9 +2035,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    });
    const config = useConfigStore();
    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="${ssrRenderClass([!unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark ", "sticky z-10 top-0 w-inherit right-0 left-0"])}"><div class="flex justify-between w-full p-4"><div class="flex items-center gap-4">`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "sm:!w-50vw sm:justify-self-center" }, _attrs))}><div class="${ssrRenderClass([!unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark ", "sticky z-10 top-0 w-inherit right-0 left-0"])}"><div class="flex justify-between w-full p-4"><div class="flex items-center gap-4">`);
      _push(ssrRenderComponent(BasicIconOld, {
        icon: !unref(config).isRTL ? "vuesax-linear:arrow-left" : "vuesax-linear:arrow-right",
+        class: "cursor-pointer",
        onClick: ($event) => unref(router).back()
      }, null, _parent));
      _push(`<div class="font-semibold text-xl">${ssrInterpolate(unref(config).useString("orderDetail"))}</div></div></div></div>`);
@@ -1,19 +1,19 @@
 import { createVNode, defineComponent, ref, mergeProps, unref, withCtx, computed, inject, Fragment, watch, Transition, withDirectives, vShow, reactive, nextTick, useSSRContext, provide } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderList, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';
-import { C as CustomerCard, a as CustomerCardSkeleton } from './CustomerCardSkeleton-CnMROfMx.mjs';
-import { b6 as Icon, b as useUserStore, a as useConfigStore, u as useRouter$1, z as useConfigInject, A as classNames, Q as initDefaultProps, B as genComponentStyleHook, C as merge, bw as initFadeMotion, R as filterEmpty, P as PropTypes, F as functionType, a9 as objectType, G as stringType, J as resetComponent, ai as initMotion, K as Keyframe, ad as getTransitionProps, af as CloseOutlined, H as booleanType } from './server.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { C as CustomerCard, a as CustomerCardSkeleton } from './CustomerCardSkeleton-XNgH7g6C.mjs';
+import { b7 as Icon, b as useUserStore, a as useConfigStore, u as useRouter$1, z as useConfigInject, A as classNames, Q as initDefaultProps, B as genComponentStyleHook, C as merge, bx as initFadeMotion, R as filterEmpty, P as PropTypes, F as functionType, a9 as objectType, G as stringType, J as resetComponent, ai as initMotion, K as Keyframe, ad as getTransitionProps, af as CloseOutlined, H as booleanType } from './server.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import _objectSpread$2 from '@babel/runtime/helpers/esm/objectSpread2';
-import { _ as __nuxt_component_2, w as wrapperRaf } from './index-Bpb_QU26.mjs';
-import { B as Badge } from './index-BdQA8FuS.mjs';
+import { _ as __nuxt_component_2, w as wrapperRaf } from './index-DN2Eqyc3.mjs';
+import { B as Badge } from './index-CdbN5q5Z.mjs';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { u as useMergedState } from './useMergedState-BZEfJ8Fl.mjs';
-import './UserProfilePic-XzJNxY0K.mjs';
+import './UserProfilePic-CSSFM-Xe.mjs';
 import './empty_user-DSxcM_ac.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './BasicButton-CNera6n7.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import '@ant-design/icons-vue';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'vue-content-loader';
 import '../nitro/nitro.mjs';
@@ -1,8 +1,8 @@
-import { _ as __nuxt_component_0$2 } from './Logo1-BE8ssPEj.mjs';
-import { defineComponent, ref, watch, unref, computed, resolveDirective, mergeProps, useSSRContext } from 'vue';
+import { _ as __nuxt_component_0$2 } from './Logo1-niQqxVlt.mjs';
+import { defineComponent, ref, watch, unref, computed, mergeProps, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate } from 'vue/server-renderer';
-import { u as useRouter$1, aZ as useWindowSize, as as useNuxtApp, a as useConfigStore, b as useUserStore, a_ as useHead, a$ as useBreakpoints, b0 as breakpointsTailwind, o as useCartStore, _ as __nuxt_component_0$1, b1 as useScrollLock } from './server.mjs';
-import { u as useChatStore } from './chatStore-BJSpEec0.mjs';
+import { u as useRouter$1, aZ as useWindowSize, as as useNuxtApp, a as useConfigStore, b as useUserStore, a_ as useHead, a$ as useBreakpoints, b0 as breakpointsTailwind, _ as __nuxt_component_0$1, b1 as useScrollLock } from './server.mjs';
+import { u as useChatStore } from './chatStore-BbUUbB13.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import { get } from 'lodash-es';
 import '../nitro/nitro.mjs';
@@ -29,23 +29,6 @@ import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';

-const name = "nuxt-app";
-const version = "1.0.0";
-const type = "module";
-const scripts = { "build": "nuxt build --dotenv .env.production", "dev": "nuxt dev --dotenv .env.development", "generate": "nuxt generate", "preview": "nuxt preview", "postinstall": "nuxt prepare" };
-const dependencies = { "@ant-design-vue/nuxt": "^1.4.6", "@capacitor/android": "^7.4.3", "@capacitor/camera": "^7.0.1", "@capacitor/core": "^7.4.3", "@headlessui/vue": "^1.7.23", "@lottiefiles/dotlottie-vue": "^0.6.3", "@nuxt/image": "1.10.0", "@nuxtjs/eslint-module": "^4.1.0", "@nuxtjs/sitemap": "^7.5.0", "@pinia/nuxt": "^0.11.2", "@supabase/supabase-js": "^2.49.8", "@types/lodash-es": "^4.17.12", "@vite-pwa/nuxt": "1.0.4", "@vueup/vue-quill": "^1.2.0", "@vueuse/components": "^13.9.0", "@vueuse/core": "^13.9.0", "@vueuse/gesture": "^2.0.0", "@vueuse/motion": "^3.0.3", "@vueuse/nuxt": "13.2.0", "@vueuse/router": "^13.3.0", "ant-design-vue": "4.1.2", "axios": "^1.9.0", "date-fns": "^4.1.0", "dayjalali": "^1.0.1", "dayjs": "1.11.13", "dayjs-nuxt": "2.1.11", "jalali-dayjs": "^0.0.1", "lodash": "^4.17.21", "lodash-es": "^4.17.21", "moment": "2.30.1", "moment-jalaali": "0.10.4", "numbro": "^2.5.0", "nuxt": "^4.3.0", "pinia": "^3.0.3", "swiper": "^11.2.8", "unocss": "^66.1.2", "vue": "3.5.14", "vue-advanced-cropper": "^2.8.9", "vue-content-loader": "^2.0.1", "vue-router": "^4.5.1", "vue3-lazyload": "^0.3.8", "vue3-otp-input": "^0.5.30", "xlsx": "^0.18.5" };
-const devDependencies = { "@capacitor/cli": "^7.4.3", "@unocss/nuxt": "^66.1.2", "@vant/nuxt": "^1.0.6", "dotenv": "^17.2.3", "less": "^4.3.0", "sass": "npm:sass-embedded@^1.83.0", "vant": "^4.9.19", "vite-plugin-pwa": "^1.0.0" };
-const overrides = { "sass-embedded": "1.83.0" };
-const pkg = {
-  name,
-  "private": true,
-  version,
-  type,
-  scripts,
-  dependencies,
-  devDependencies,
-  overrides
-};
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
  __name: "splash",
  __ssrInlineRender: true,
@@ -64,10 +47,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Logo1 = __nuxt_component_0$2;
      _push(`<div${ssrRenderAttrs(mergeProps({
-        class: ["flex flex-col h-screen items-center justify-center w-full fixed md:w-425px z-100000 top-0", unref(config).isNightStore ? "bg-black" : "bg-white"]
-      }, _attrs))}><div class="w-full h-full flex justify-center items-center">`);
+        class: ["fixed right-0 left-0 z-100000 top-0 flex justify-center", unref(config).isNightStore ? "bg-black" : "bg-white"]
+      }, _attrs))}><div class="${ssrRenderClass([unref(config).isNightStore ? "bg-black" : "bg-white", "flex flex-col h-screen items-center justify-center w-full md:w-425px top-0"])}"><div class="w-full h-full flex justify-center items-center">`);
      _push(ssrRenderComponent(_component_Logo1, { class: "inline m-auto w-5rem" }, null, _parent));
-      _push(`</div><div class="text-center absolute bottom-2 w-full"><div class="${ssrRenderClass(unref(config).isNightStore ? "text-white" : "text_black")}">${ssrInterpolate(unref(config).useString("version"))}</div><div class="${ssrRenderClass([unref(config).isNightStore ? "text-white" : "text_black", "text-xs"])}">${ssrInterpolate(_ctx.version)}</div></div></div>`);
+      _push(`</div><div class="text-center absolute bottom-2 w-full"><div class="${ssrRenderClass(unref(config).isNightStore ? "text-white" : "text_black")}">${ssrInterpolate(unref(config).useString("version"))}</div><div class="${ssrRenderClass([unref(config).isNightStore ? "text-white" : "text_black", "text-xs"])}">${ssrInterpolate(_ctx.version)}</div></div></div></div>`);
    };
  }
 });
@@ -82,17 +65,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "index",
  __ssrInlineRender: true,
  setup(__props) {
-    useConfigStore();
-    useUserStore();
-    const router = useRouter$1();
-    useCartStore();
-    computed(() => {
-      return router.currentRoute.value.name;
-    });
-    ref(false);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0$1;
-      resolveDirective("lazy");
      _push(ssrRenderComponent(_component_ClientOnly, _attrs, {}, _parent));
    };
  }
@@ -177,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      _push(`<div${ssrRenderAttrs(_attrs)}>`);
      if (showSplash.value) {
        _push(ssrRenderComponent(_component_Splash, {
-          version: unref(pkg).version
+          version: unref(config).VERSION
        }, null, _parent));
      } else {
        _push(`<!---->`);
@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed, useSSRContext } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, _ as __nuxt_component_0 } from './server.mjs';
+import WaveSurfer from 'wavesurfer.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -36,11 +37,76 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    const userStore = useUserStore();
    ref("");
    ref(null);
+    ref(null);
+    const selectedFile = ref(null);
+    const filePreviewUrl = ref("");
    ref(void 0);
+    const waveformContainer = ref(null);
+    const wavesurfer = ref(null);
+    const isWaveformPlaying = ref(false);
+    const waveformCurrentTime = ref(0);
+    ref(false);
+    ref(null);
+    ref([]);
+    ref(0);
+    ref(null);
+    const audioDuration = ref(0);
+    ref(null);
    computed(() => config.sellerConfig?.store?.main && userStore.user.id !== config.sellerConfig?.store?.id);
    ref(false);
    ref(false);
    ref(void 0);
+    const isAudioFile = (file) => {
+      return file.type.startsWith("audio/");
+    };
+    const initWaveform = async (audioSource) => {
+      if (!waveformContainer.value) return;
+      if (wavesurfer.value) {
+        wavesurfer.value.destroy();
+        wavesurfer.value = null;
+      }
+      const url = URL.createObjectURL(audioSource);
+      const ws = WaveSurfer.create({
+        container: waveformContainer.value,
+        height: 50,
+        normalize: true,
+        waveColor: "#94a3b8",
+        progressColor: "#2563eb",
+        cursorColor: "#ef4444",
+        barWidth: 3,
+        barGap: 2,
+        barRadius: 4,
+        interact: true,
+        dragToSeek: true,
+        fillParent: true,
+        autoCenter: true
+      });
+      ws.load(url);
+      ws.on("ready", () => {
+        audioDuration.value = ws.getDuration();
+      });
+      ws.on("timeupdate", (time) => {
+        waveformCurrentTime.value = time;
+      });
+      ws.on("play", () => {
+        isWaveformPlaying.value = true;
+      });
+      ws.on("pause", () => {
+        isWaveformPlaying.value = false;
+      });
+      ws.on("finish", () => {
+        isWaveformPlaying.value = false;
+        waveformCurrentTime.value = 0;
+      });
+      wavesurfer.value = ws;
+    };
+    watch(selectedFile, async (newFile) => {
+      if (newFile && isAudioFile(newFile) && filePreviewUrl.value) {
+        await nextTick();
+        const audioBlob = await fetch(filePreviewUrl.value).then((r) => r.blob());
+        await initWaveform(audioBlob);
+      }
+    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_client_only = __nuxt_component_0;
      _push(ssrRenderComponent(_component_client_only, _attrs, {}, _parent));
@@ -53,7 +119,7 @@ _sfc_main$1.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/base/pages/direct/detail/index.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3f2e8e08"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-39d83653"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "detail_message",
  __ssrInlineRender: true,
@@ -1,6 +1,6 @@
 import { mergeProps, withCtx, createTextVNode, toDisplayString, defineComponent, shallowRef, h, resolveComponent, computed, useSSRContext } from 'vue';
-import { p as parseQuery, h as hasProtocol, j as joinURL, w as withTrailingSlash, f as withoutTrailingSlash } from '../nitro/nitro.mjs';
-import { a_ as useHead, u as useRouter$1, b2 as resolveRouteObject, b3 as navigateTo, as as useNuxtApp, b4 as useRuntimeConfig, b5 as nuxtLinkDefaults } from './server.mjs';
+import { p as parseQuery, h as hasProtocol, j as joinURL, w as withTrailingSlash, i as withoutTrailingSlash } from '../nitro/nitro.mjs';
+import { a_ as useHead, u as useRouter$1, b2 as encodeRoutePath, b3 as resolveRouteObject, b4 as navigateTo, as as useNuxtApp, b5 as useRuntimeConfig, b6 as nuxtLinkDefaults } from './server.mjs';
 import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent } from 'vue/server-renderer';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import 'node:http';
@@ -285,12 +285,16 @@ function defineNuxtLink(options) {
          // converts `""` to `null` to prevent the attribute from being added as empty (`href=""`)
          rel,
          target,
-          onClick: (event) => {
+          onClick: async (event) => {
            if (isExternal.value || hasTarget.value) {
              return;
            }
            event.preventDefault();
-            return props.replace ? router.replace(href.value) : router.push(href.value);
+            try {
+              const encodedHref = encodeRoutePath(href.value);
+              return await (props.replace ? router.replace(encodedHref) : router.push(encodedHref));
+            } finally {
+            }
          }
        }, slots.default?.());
      };
@@ -1,16 +1,17 @@
-import { defineComponent, ref, reactive, mergeProps, withCtx, unref, createVNode, withKeys, createTextVNode, toDisplayString, watch, nextTick, useSSRContext } from 'vue';
+import { defineComponent, ref, reactive, mergeProps, unref, withCtx, createVNode, withKeys, createTextVNode, toDisplayString, watch, nextTick, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate, ssrRenderAttr } from 'vue/server-renderer';
-import { B as BasicSheet } from './index-x7G4qpPf.mjs';
-import { F as Form, _ as _sfc_main$3 } from './index-DDKLrugS.mjs';
+import { B as BasicSheet } from './index-zsqPNrGJ.mjs';
+import { F as Form, _ as _sfc_main$3 } from './index-C5WgqxkU.mjs';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, l as login, s as supabase, c as setToken, g as goToProfile, d as api$1 } from './server.mjs';
-import { _ as __nuxt_component_1$1, R as Radio } from './RadioButton-DtosQeeY.mjs';
+import { _ as __nuxt_component_1$1, R as Radio } from './RadioButton-CE-ccpG2.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { c as clearStorySeen } from './media-_NDkNIvH.mjs';
-import { _ as __nuxt_component_0 } from './Logo1-BE8ssPEj.mjs';
-import { I as InstaInput } from './InstaInput-B3jNyRDU.mjs';
+import { L as Logo } from './Logo-CS_PsVSS.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { c as clearStorySeen } from './media-CiMHc-Ka.mjs';
+import { _ as __nuxt_component_0 } from './Logo1-niQqxVlt.mjs';
+import { I as InstaInput } from './InstaInput-Cs7_qhi7.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import '../nitro/nitro.mjs';
@@ -31,14 +32,14 @@ import 'style-value-types';
 import './close_light-DbrEdRZI.mjs';
 import '@babel/runtime/helpers/esm/objectSpread2';
 import '@babel/runtime/helpers/esm/extends';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index-DgsBGZQx.mjs';
-import './FormItemContext-p68sljID.mjs';
+import './index-BTlbWWOl.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
 import 'lodash-es/isEqual.js';
 import 'compute-scroll-into-view';
 import 'lodash-es/intersection.js';
@@ -54,12 +55,12 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './Checkbox-CXZ3hvS2.mjs';
-import './usePrice-_QzChhgO.mjs';
-import './index-xCOPbDMH.mjs';
+import './Checkbox-BqbMrYFp.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './index-D4HrLPqa.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';

 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -321,7 +322,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _component_AForm = Form;
      const _component_ChangeLanguage = __nuxt_component_1;
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex justify-center items-center h-screen flex-col" }, _attrs))}><div class="p-4 w-full -mt-10"><div class="text-center mb-4rem">`);
+      const _component_Logo = Logo;
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: "sm:grid grid-cols-3 sm:w-full",
+        dir: unref(config).isRTL ? "ltr" : "rtl"
+      }, _attrs))}><div class="flex justify-center items-center h-screen flex-col relative sm:px-20"><div class="p-4 w-full -mt-10"><div class="text-center mb-4rem sm:hidden">`);
      _push(ssrRenderComponent(__nuxt_component_0, { class: "w-5rem" }, null, _parent));
      _push(`</div>`);
      _push(ssrRenderComponent(_component_AForm, {
@@ -486,7 +491,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
        open: open.value,
        "onUpdate:open": ($event) => open.value = $event
      }, null, _parent));
-      _push(`<div class="w-full fixed flex flex-col bottom-0 pb2">`);
+      _push(`<div class="w-full absolute flex flex-col bottom-0 pb2 sm:px-20">`);
      _push(ssrRenderComponent(BasicButton, {
        curve: "",
        size: "large",
@@ -504,7 +509,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
        }),
        _: 1
      }, _parent));
-      _push(`<div class="flex items-center justify-center"><img${ssrRenderAttr("src", _imports_0)} alt="" class="w-2rem"><div class="text-gray-7 text-lg">${ssrInterpolate(unref(config).useString("montech"))}</div></div></div></div>`);
+      _push(`<div class="flex items-center justify-center"><img${ssrRenderAttr("src", _imports_0)} alt="" class="w-2rem"><div class="text-gray-7 text-lg">${ssrInterpolate(unref(config).useString("montech"))}</div></div></div></div><div class="hidden sm:flex items-center justify-center col-span-2">`);
+      _push(ssrRenderComponent(_component_Logo, { class: "w-50%" }, null, _parent));
+      _push(`</div></div>`);
    };
  }
 });
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-Dxns_A0_.mjs';
+import { _ as _sfc_main$1 } from './index-Dr8Kut82.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -1,7 +1,7 @@
 import { a as useConfigStore, aS as useRoute, aX as useRouter, _ as __nuxt_component_0 } from './server.mjs';
 import { defineComponent, ref, computed, watch, nextTick, shallowRef, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { f as formFields, s as selectedFeatures, a as setItems, i as items, v as variants, b as updateMyAttrs, c as myAttributes, u as useProductStore } from './product-C4ZOggJK.mjs';
+import { f as formFields, s as selectedFeatures, a as setItems, i as items, v as variants, b as updateMyAttrs, c as myAttributes, u as useProductStore } from './product-CMP8dkW4.mjs';
 import { differenceBy, cloneDeep } from 'lodash-es';

 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,15 +1,15 @@
-import { _ as __nuxt_component_3 } from './CropperModal-DVoUZ6Yp.mjs';
+import { _ as __nuxt_component_3 } from './CropperModal-Bf6YuAAD.mjs';
 import { defineComponent, ref, watch, resolveDirective, unref, withCtx, mergeProps, createVNode, toDisplayString, openBlock, createBlock, withDirectives, createCommentVNode, withModifiers, Fragment, renderList, createTextVNode, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttr, ssrInterpolate, ssrRenderAttrs, ssrGetDirectiveProps, ssrRenderList } from 'vue/server-renderer';
 import { _ as _imports_0 } from './close_light-DbrEdRZI.mjs';
 import { Camera } from '@capacitor/camera';
 import { Capacitor } from '@capacitor/core';
 import { u as useRouter$1, a as useConfigStore, aS as useRoute, aY as useRouteStore, d as api$1 } from './server.mjs';
-import { m as mediaFilesUrl, p as previewImg, o as original, l as loading, d as findEdit, r as resetFormFields, e as handleProductCropped, u as useProductStore, i as items, g as previewImgPos, j as originalFile } from './product-C4ZOggJK.mjs';
+import { m as mediaFilesUrl, p as previewImg, o as original, l as loading, d as findEdit, r as resetFormFields, e as handleProductCropped, u as useProductStore, i as items, g as previewImgPos, j as originalFile } from './product-CMP8dkW4.mjs';
 import { i as img_gif } from './post_loading-CMOcYm9B.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { S as Spin } from './index--iRd5AYr.mjs';
-import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './RadioButton-DtosQeeY.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { S as Spin } from './index-CO_xVqO1.mjs';
+import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './RadioButton-CE-ccpG2.mjs';

 const maxFiles = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -210,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      _push(ssrRenderComponent(_component_a_spin, { spinning: unref(loading) }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
-            _push2(`<div class="w-full h-full bg-black text-white"${_scopeId}><div class="sticky bg-black top-0 z-1"${_scopeId}><div class="flex w-full p-4 gap-8 justify-between items-center"${_scopeId}><div class="flex gap-8 items-center"${_scopeId}><img${ssrRenderAttr("src", _imports_0)}${ssrRenderAttr("alt", unref(config).appName.en)} class="w-4"${_scopeId}><div class="font-semibold text-lg"${_scopeId}>${ssrInterpolate(unref(findEdit)(unref(route).name) ? unref(config).useString("editProduct") : unref(config).useString("newProduct"))}</div></div><div class="text-primary text-sm"${_scopeId}>${ssrInterpolate(unref(config).useString("next"))}</div></div><div class="aspect-square flex items-center justify-center"${_scopeId}>`);
+            _push2(`<div class="w-full h-full bg-black text-white"${_scopeId}><div class="flex sticky top-0 w-full p-4 gap-8 justify-between items-center"${_scopeId}><div class="flex gap-8 items-center"${_scopeId}><img${ssrRenderAttr("src", _imports_0)}${ssrRenderAttr("alt", unref(config).appName.en)} class="w-4"${_scopeId}><div class="font-semibold text-lg"${_scopeId}>${ssrInterpolate(unref(findEdit)(unref(route).name) ? unref(config).useString("editProduct") : unref(config).useString("newProduct"))}</div></div><div class="text-primary text-sm"${_scopeId}>${ssrInterpolate(unref(config).useString("next"))}</div></div><div class="sm:flex gap-10"${_scopeId}><div class="sticky bg-black top-60px z-1"${_scopeId}><div class="aspect-square flex items-center justify-center sm:w-30vw"${_scopeId}>`);
            if (unref(previewImg)) {
              _push2(`<div class="relative w-full"${_scopeId}><img${ssrRenderAttrs(_temp0 = mergeProps({
                alt: unref(config).appName.en,
@@ -261,147 +261,149 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
            } else {
              _push2(`<!---->`);
            }
-            _push2(`</div></div><input type="file" accept="image/*,video/*" multiple hidden${_scopeId}><input type="file" accept="image/*,video/*" hidden${_scopeId}></div></div>`);
+            _push2(`</div></div><input type="file" accept="image/*,video/*" multiple hidden${_scopeId}><input type="file" accept="image/*,video/*" hidden${_scopeId}></div></div></div>`);
          } else {
            return [
              createVNode("div", { class: "w-full h-full bg-black text-white" }, [
-                createVNode("div", { class: "sticky bg-black top-0 z-1" }, [
-                  createVNode("div", { class: "flex w-full p-4 gap-8 justify-between items-center" }, [
-                    createVNode("div", { class: "flex gap-8 items-center" }, [
-                      createVNode("img", {
-                        src: _imports_0,
-                        alt: unref(config).appName.en,
-                        class: "w-4",
-                        onClick: onBackPage
-                      }, null, 8, ["alt"]),
-                      createVNode("div", { class: "font-semibold text-lg" }, toDisplayString(unref(findEdit)(unref(route).name) ? unref(config).useString("editProduct") : unref(config).useString("newProduct")), 1)
-                    ]),
-                    createVNode("div", {
-                      class: "text-primary text-sm",
-                      onClick: goNextPage
-                    }, toDisplayString(unref(config).useString("next")), 1)
+                createVNode("div", { class: "flex sticky top-0 w-full p-4 gap-8 justify-between items-center" }, [
+                  createVNode("div", { class: "flex gap-8 items-center" }, [
+                    createVNode("img", {
+                      src: _imports_0,
+                      alt: unref(config).appName.en,
+                      class: "w-4",
+                      onClick: onBackPage
+                    }, null, 8, ["alt"]),
+                    createVNode("div", { class: "font-semibold text-lg" }, toDisplayString(unref(findEdit)(unref(route).name) ? unref(config).useString("editProduct") : unref(config).useString("newProduct")), 1)
                  ]),
-                  createVNode("div", { class: "aspect-square flex items-center justify-center" }, [
-                    unref(previewImg) ? (openBlock(), createBlock("div", {
-                      key: 0,
-                      class: "relative w-full"
-                    }, [
-                      withDirectives(createVNode("img", {
-                        alt: unref(config).appName.en,
-                        class: "w-full object-scale-down aspect-square"
-                      }, null, 8, ["alt"]), [
-                        [_directive_lazy, { src: unref(previewImg), loading: unref(img_gif), error: unref(img_gif) }]
-                      ]),
-                      unref(previewImg) ? (openBlock(), createBlock("div", {
-                        key: 0,
-                        class: "flex absolute gap-2 right-5 bottom-5"
-                      }, [
-                        createVNode("div", {
-                          onClick: openCropper,
-                          class: "flex bg-black/80 items-center rounded gap-2 p-2"
-                        }, [
-                          createVNode(BasicIconOld, { icon: "vuesax-linear:crop" })
-                        ]),
-                        createVNode("div", {
-                          onClick: editImage,
-                          class: "flex bg-black/80 items-center rounded gap-2 p-2"
-                        }, [
-                          createVNode(BasicIconOld, { icon: "vuesax-linear:gallery-edit" })
-                        ])
-                      ])) : createCommentVNode("", true),
-                      unref(previewImg) ? (openBlock(), createBlock("div", {
-                        key: 1,
-                        class: "flex absolute left-5 bottom-0"
-                      })) : createCommentVNode("", true)
-                    ])) : unref(mediaFilesUrl)?.length === 0 ? (openBlock(), createBlock("p", {
-                      key: 1,
-                      class: "empty-state"
-                    }, toDisplayString(unref(config).useString("tapPlusToAdd")), 1)) : createCommentVNode("", true)
-                  ])
-                ]),
-                createVNode("div", { class: "media-picker" }, [
                  createVNode("div", {
-                    class: "drop-area overflow-y-auto",
-                    onDragover: withModifiers(() => {
-                    }, ["prevent"]),
-                    onDrop: handleDrop
-                  }, [
-                    createVNode("div", { class: "media-grid pb-16" }, [
-                      unref(original).url ? (openBlock(), createBlock("div", {
+                    class: "text-primary text-sm",
+                    onClick: goNextPage
+                  }, toDisplayString(unref(config).useString("next")), 1)
+                ]),
+                createVNode("div", { class: "sm:flex gap-10" }, [
+                  createVNode("div", { class: "sticky bg-black top-60px z-1" }, [
+                    createVNode("div", { class: "aspect-square flex items-center justify-center sm:w-30vw" }, [
+                      unref(previewImg) ? (openBlock(), createBlock("div", {
                        key: 0,
-                        class: "media-container border-1 border-solid border-primary",
-                        onClick: ($event) => showPreview(-1)
+                        class: "relative w-full"
                      }, [
-                        withDirectives(createVNode("img", { class: "media-preview" }, null, 512), [
-                          [_directive_lazy, { src: unref(original).url, loading: unref(img_gif), error: unref(img_gif) }]
+                        withDirectives(createVNode("img", {
+                          alt: unref(config).appName.en,
+                          class: "w-full object-scale-down aspect-square"
+                        }, null, 8, ["alt"]), [
+                          [_directive_lazy, { src: unref(previewImg), loading: unref(img_gif), error: unref(img_gif) }]
                        ]),
-                        createVNode("button", {
-                          onClick: removeMainMedia,
-                          class: "remove-btn"
-                        }, "✖")
-                      ], 8, ["onClick"])) : (openBlock(), createBlock("div", {
-                        key: 1,
-                        class: "add-media text-black",
-                        onClick: selectMainMedia
-                      }, [
-                        createVNode("div", null, toDisplayString(unref(original).url), 1),
-                        createVNode("span", null, "+"),
-                        createVNode("div", { class: "text-sm" }, toDisplayString(unref(config).useString("mainImage")), 1)
-                      ])),
-                      (openBlock(true), createBlock(Fragment, null, renderList(unref(mediaFilesUrl), (media, index) => {
-                        return openBlock(), createBlock("div", {
-                          key: index,
-                          class: "media-container",
-                          onClick: ($event) => showPreview(index)
+                        unref(previewImg) ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          class: "flex absolute gap-2 right-5 bottom-5"
                        }, [
-                          isVideo(media.url) ? (openBlock(), createBlock("video", {
-                            key: 0,
-                            src: media.url,
-                            class: "media-preview",
-                            controls: ""
-                          }, null, 8, ["src"])) : withDirectives((openBlock(), createBlock("img", {
-                            key: 1,
-                            src: media.url,
-                            class: "media-preview"
-                          }, null, 8, ["src"])), [
-                            [_directive_lazy, { src: media.url, loading: unref(img_gif), error: unref(img_gif) }]
+                          createVNode("div", {
+                            onClick: openCropper,
+                            class: "flex bg-black/80 items-center rounded gap-2 p-2"
+                          }, [
+                            createVNode(BasicIconOld, { icon: "vuesax-linear:crop" })
+                          ]),
+                          createVNode("div", {
+                            onClick: editImage,
+                            class: "flex bg-black/80 items-center rounded gap-2 p-2"
+                          }, [
+                            createVNode(BasicIconOld, { icon: "vuesax-linear:gallery-edit" })
+                          ])
+                        ])) : createCommentVNode("", true),
+                        unref(previewImg) ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          class: "flex absolute left-5 bottom-0"
+                        })) : createCommentVNode("", true)
+                      ])) : unref(mediaFilesUrl)?.length === 0 ? (openBlock(), createBlock("p", {
+                        key: 1,
+                        class: "empty-state"
+                      }, toDisplayString(unref(config).useString("tapPlusToAdd")), 1)) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  createVNode("div", { class: "media-picker" }, [
+                    createVNode("div", {
+                      class: "drop-area overflow-y-auto",
+                      onDragover: withModifiers(() => {
+                      }, ["prevent"]),
+                      onDrop: handleDrop
+                    }, [
+                      createVNode("div", { class: "media-grid pb-16" }, [
+                        unref(original).url ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          class: "media-container border-1 border-solid border-primary",
+                          onClick: ($event) => showPreview(-1)
+                        }, [
+                          withDirectives(createVNode("img", { class: "media-preview" }, null, 512), [
+                            [_directive_lazy, { src: unref(original).url, loading: unref(img_gif), error: unref(img_gif) }]
                          ]),
                          createVNode("button", {
-                            onClick: ($event) => removeMedia(index, media.index),
+                            onClick: removeMainMedia,
                            class: "remove-btn"
-                          }, "✖", 8, ["onClick"])
-                        ], 8, ["onClick"]);
-                      }), 128)),
-                      unref(mediaFilesUrl)?.length < maxFiles ? (openBlock(), createBlock("div", {
-                        key: 2,
-                        class: "add-media text-black",
-                        onClick: () => {
-                          imageSelected.value = -2;
-                          selectMedia();
-                        }
-                      }, [
-                        createVNode("span", null, "+"),
-                        createVNode("div", { class: "text-sm" }, toDisplayString(unref(config).useString("subImage")), 1)
-                      ], 8, ["onClick"])) : createCommentVNode("", true)
-                    ])
-                  ], 40, ["onDragover"]),
-                  createVNode("input", {
-                    ref_key: "fileInput",
-                    ref: fileInput,
-                    type: "file",
-                    accept: "image/*,video/*",
-                    multiple: "",
-                    hidden: "",
-                    onChange: ($event) => handleFileUpload($event)
-                  }, null, 40, ["onChange"]),
-                  createVNode("input", {
-                    ref_key: "fileInputLimited",
-                    ref: fileInputLimited,
-                    type: "file",
-                    accept: "image/*,video/*",
-                    hidden: "",
-                    onChange: ($event) => handleFileUpload($event)
-                  }, null, 40, ["onChange"])
+                          }, "✖")
+                        ], 8, ["onClick"])) : (openBlock(), createBlock("div", {
+                          key: 1,
+                          class: "add-media text-black",
+                          onClick: selectMainMedia
+                        }, [
+                          createVNode("div", null, toDisplayString(unref(original).url), 1),
+                          createVNode("span", null, "+"),
+                          createVNode("div", { class: "text-sm" }, toDisplayString(unref(config).useString("mainImage")), 1)
+                        ])),
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(mediaFilesUrl), (media, index) => {
+                          return openBlock(), createBlock("div", {
+                            key: index,
+                            class: "media-container",
+                            onClick: ($event) => showPreview(index)
+                          }, [
+                            isVideo(media.url) ? (openBlock(), createBlock("video", {
+                              key: 0,
+                              src: media.url,
+                              class: "media-preview",
+                              controls: ""
+                            }, null, 8, ["src"])) : withDirectives((openBlock(), createBlock("img", {
+                              key: 1,
+                              src: media.url,
+                              class: "media-preview"
+                            }, null, 8, ["src"])), [
+                              [_directive_lazy, { src: media.url, loading: unref(img_gif), error: unref(img_gif) }]
+                            ]),
+                            createVNode("button", {
+                              onClick: ($event) => removeMedia(index, media.index),
+                              class: "remove-btn"
+                            }, "✖", 8, ["onClick"])
+                          ], 8, ["onClick"]);
+                        }), 128)),
+                        unref(mediaFilesUrl)?.length < maxFiles ? (openBlock(), createBlock("div", {
+                          key: 2,
+                          class: "add-media text-black",
+                          onClick: () => {
+                            imageSelected.value = -2;
+                            selectMedia();
+                          }
+                        }, [
+                          createVNode("span", null, "+"),
+                          createVNode("div", { class: "text-sm" }, toDisplayString(unref(config).useString("subImage")), 1)
+                        ], 8, ["onClick"])) : createCommentVNode("", true)
+                      ])
+                    ], 40, ["onDragover"]),
+                    createVNode("input", {
+                      ref_key: "fileInput",
+                      ref: fileInput,
+                      type: "file",
+                      accept: "image/*,video/*",
+                      multiple: "",
+                      hidden: "",
+                      onChange: ($event) => handleFileUpload($event)
+                    }, null, 40, ["onChange"]),
+                    createVNode("input", {
+                      ref_key: "fileInputLimited",
+                      ref: fileInputLimited,
+                      type: "file",
+                      accept: "image/*,video/*",
+                      hidden: "",
+                      onChange: ($event) => handleFileUpload($event)
+                    }, null, 40, ["onChange"])
+                  ])
                ])
              ])
            ];
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-UtNltBNh.mjs';
+import { _ as _sfc_main$1 } from './index-BYuoTN_w.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -26,9 +26,9 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './PostCardSkeleton-BfG9M_Aj.mjs';
+import './PostCardSkeleton-BhoFDKGt.mjs';
 import './empty_user-DSxcM_ac.mjs';
-import './useDateTime-D8RCoGwW.mjs';
+import './useDateTime-iTLoRLEX.mjs';
 import 'moment';
 import 'moment-timezone';
 import 'moment-jalaali';
@@ -37,37 +37,37 @@ import 'date-fns/locale';
 import 'swiper/vue';
 import 'swiper/modules';
 import './post_loading-CMOcYm9B.mjs';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './like-BhIOg3YL.mjs';
-import './moreOptionProduct-DGhUOthE.mjs';
-import './index-x7G4qpPf.mjs';
+import './like-D4L8S2C_.mjs';
+import './moreOptionProduct-CDK2wI8v.mjs';
+import './index-zsqPNrGJ.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import 'framesync';
 import 'popmotion';
 import 'style-value-types';
-import './UserProfilePic-XzJNxY0K.mjs';
-import './BasicButton-CNera6n7.mjs';
-import './index--iRd5AYr.mjs';
+import './UserProfilePic-CSSFM-Xe.mjs';
+import './BasicButton-7YIRCRg8.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index-CGkJdmtz.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './index-CQMiaHEh.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import 'lodash-es/uniq.js';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Cq494RwS.mjs';
+import './index-Dt1yGoIP.mjs';
 import 'vue-content-loader';
-import './product-C4ZOggJK.mjs';
-import './userPostsStore-CAxMlK-n.mjs';
-import './media-_NDkNIvH.mjs';
-import './save-6qQTYFWc.mjs';
-import './asyncData-CZ9BKXPA.mjs';
+import './product-CMP8dkW4.mjs';
+import './userPostsStore-zgAQCVWR.mjs';
+import './media-CiMHc-Ka.mjs';
+import './save-3yOnAiJS.mjs';
+import './asyncData-DVPmuEBB.mjs';
 import 'perfect-debounce';

 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,11 +1,11 @@
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, m as useIntersectionObserver, _ as __nuxt_component_0, n as getToken, d as api$1 } from './server.mjs';
-import { defineComponent, computed, ref, withAsyncContext, provide, unref, useSSRContext } from 'vue';
+import { defineComponent, computed, ref, withAsyncContext, provide, mergeProps, unref, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
-import { P as Post, _ as _sfc_main$1 } from './PostCardSkeleton-BfG9M_Aj.mjs';
-import { u as useUserPostStore } from './userPostsStore-CAxMlK-n.mjs';
-import { C as CommentAddEdit, _ as _sfc_main$2, d as deletePostLike, c as createPostLike } from './moreOptionProduct-DGhUOthE.mjs';
-import { d as deleteSave, c as createSave } from './save-6qQTYFWc.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
+import { P as Post, _ as _sfc_main$1 } from './PostCardSkeleton-BhoFDKGt.mjs';
+import { u as useUserPostStore } from './userPostsStore-zgAQCVWR.mjs';
+import { C as CommentAddEdit, _ as _sfc_main$2, d as deletePostLike, c as createPostLike } from './moreOptionProduct-CDK2wI8v.mjs';
+import { d as deleteSave, c as createSave } from './save-3yOnAiJS.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
@@ -102,9 +102,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
    provide("ownerPostId", ownerPostId);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0;
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="${ssrRenderClass(["z-20 fixed w-full top-0", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"><div class="px-4 flex items-center justify-between"><div class="flex gap-3 py-3 items-center">`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "sm:w-426px justify-self-center" }, _attrs))}><div class="${ssrRenderClass(["z-20 sticky w-full top-0", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"><div class="px-4 flex items-center justify-between"><div class="flex gap-3 py-3 items-center">`);
      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
-      _push(`<div class="font-semibold">${ssrInterpolate(unref(config).sellerConfig?.store?.username)}</div></div></div></div><div class="pt-15 overflow-y-auto userPostScroll h-95vh pb-3rem scrollHome"><!--[-->`);
+      _push(`<div class="font-semibold">${ssrInterpolate(unref(config).sellerConfig?.store?.username)}</div></div></div></div><div class="pt-5 overflow-y-auto userPostScroll h-95vh pb-3rem scrollHome"><!--[-->`);
      ssrRenderList(unref(userPostStore).posts, (post, index) => {
        _push(`<div class="tg-item" style="${ssrRenderStyle({ transitionDelay: index * 50 + "ms" })}">`);
        _push(ssrRenderComponent(Post, {
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-C9GN374h.mjs';
+import { _ as _sfc_main$1 } from './index-B8Xh3cyY.mjs';
 import { aM as useRoute$1, aY as useRouteStore } from './server.mjs';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import 'pinia';
 import 'lodash-es';
 import '../nitro/nitro.mjs';
@@ -1,13 +1,13 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-DwMtcM9r.mjs';
+import { _ as _sfc_main$1 } from './index-BNjxpfBc.mjs';
 import { aM as useRoute$1, aY as useRouteStore } from './server.mjs';
-import './CropperModal-DVoUZ6Yp.mjs';
-import './BasicButton-CNera6n7.mjs';
+import './CropperModal-Bf6YuAAD.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import '@ant-design/icons-vue';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import '@babel/runtime/helpers/esm/objectSpread2';
 import 'throttle-debounce';
 import '@babel/runtime/helpers/esm/extends';
@@ -15,13 +15,13 @@ import 'vue-advanced-cropper';
 import './close_light-DbrEdRZI.mjs';
 import '@capacitor/camera';
 import '@capacitor/core';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import 'pinia';
 import 'lodash-es';
 import './post_loading-CMOcYm9B.mjs';
-import './RadioButton-DtosQeeY.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './Checkbox-CXZ3hvS2.mjs';
+import './RadioButton-CE-ccpG2.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './Checkbox-BqbMrYFp.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -1,11 +1,11 @@
-import { _ as __nuxt_component_3 } from './CropperModal-DVoUZ6Yp.mjs';
+import { _ as __nuxt_component_3 } from './CropperModal-Bf6YuAAD.mjs';
 import { defineComponent, ref, watch, unref, withCtx, createTextVNode, toDisplayString, createVNode, useSSRContext } from 'vue';
 import { ssrRenderAttr, ssrInterpolate, ssrRenderComponent, ssrRenderList } from 'vue/server-renderer';
 import { _ as _imports_0 } from './close_light-DbrEdRZI.mjs';
 import { u as useRouter$1, a as useConfigStore } from './server.mjs';
-import { m as mediaFilesUrl, p as previewImg, h as handleCropped } from './product-C4ZOggJK.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './RadioButton-DtosQeeY.mjs';
+import { m as mediaFilesUrl, p as previewImg, h as handleCropped } from './product-CMP8dkW4.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './RadioButton-CE-ccpG2.mjs';

 const maxFiles = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,13 +1,13 @@
 import { defineComponent, ref, reactive, mergeProps, unref, withCtx, createVNode, createTextVNode, toDisplayString, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate, ssrRenderSlot } from 'vue/server-renderer';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { u as useRouter$1, a as useConfigStore, e as loading, f as generateOtp, d as api$1, v as verifyOtp, c as setToken, s as supabase, h as forgetPassword, r as removeToken } from './server.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
 import OtpInput from 'vue3-otp-input';
 import { i as inputRulesNoMessage } from './inputRules-Cr4Uiro2.mjs';
-import { I as InstaInput } from './InstaInput-B3jNyRDU.mjs';
+import { I as InstaInput } from './InstaInput-Cs7_qhi7.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -32,17 +32,17 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './usePrice-_QzChhgO.mjs';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
@@ -1,17 +1,17 @@
 import { defineComponent, unref, mergeProps, useSSRContext, computed, ref, watch, createVNode, reactive, shallowRef, toRaw, nextTick } from 'vue';
 import { ssrRenderAttrs } from 'vue/server-renderer';
 import { _ as _imports_0 } from './close_light-DbrEdRZI.mjs';
-import { a as useConfigStore, z as useConfigInject, b7 as useProviderSize, b8 as useProviderDisabled, b9 as useInjectGlobalForm, A as classNames, Q as initDefaultProps, P as PropTypes, F as functionType, H as booleanType, G as stringType, aF as someType, ao as anyType, a9 as objectType, ar as tuple } from './server.mjs';
+import { a as useConfigStore, z as useConfigInject, b8 as useProviderSize, b9 as useProviderDisabled, ba as useInjectGlobalForm, A as classNames, Q as initDefaultProps, P as PropTypes, F as functionType, H as booleanType, G as stringType, aF as someType, ao as anyType, a9 as objectType, ar as tuple } from './server.mjs';
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { _ as __nuxt_component_1, d as defaultValidateMessages, a as useStyle, b as useProvideForm, c as cloneByNamePathList, t as toArray$1, g as getNamePath, e as containsNamePath, v as validateRules } from './FormItem-BWqqFUsd.mjs';
+import { _ as __nuxt_component_1, d as defaultValidateMessages, a as useStyle, b as useProvideForm, c as cloneByNamePathList, t as toArray$1, g as getNamePath, e as containsNamePath, v as validateRules } from './FormItem-Uo-Qw9vC.mjs';
 import isEqual from 'lodash-es/isEqual.js';
 import compute from 'compute-scroll-into-view';
 import cloneDeep from 'lodash-es/cloneDeep.js';
 import intersection from 'lodash-es/intersection.js';
 import debounce from 'lodash-es/debounce.js';
 import omit from 'lodash-es/omit.js';
-import { u as useInjectFormItemContext, a as FormItemRest } from './FormItemContext-p68sljID.mjs';
+import { u as useInjectFormItemContext, a as FormItemRest } from './FormItemContext-DTpHAXaY.mjs';

 function isOptionsObject(options) {
  return options === Object(options) && Object.keys(options).length !== 0;
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-5kia3tt3.mjs';
+import { _ as _sfc_main$1 } from './index-DVGhzw_E.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -2,13 +2,13 @@ import { defineComponent, ref, mergeProps, unref, withCtx, createTextVNode, toDi
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { EffectCoverflow, Pagination } from 'swiper/modules';
-import { m as mediaFilesUrl } from './product-C4ZOggJK.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { m as mediaFilesUrl } from './product-CMP8dkW4.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { a as useConfigStore, u as useRouter$1 } from './server.mjs';
-import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-Dkf-M4Yl.mjs';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
-import { S as Spin } from './index--iRd5AYr.mjs';
-import { _ as __nuxt_component_1 } from './FormItem-BWqqFUsd.mjs';
+import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-D3_e-ycp.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
+import { S as Spin } from './index-CO_xVqO1.mjs';
+import { _ as __nuxt_component_1 } from './FormItem-Uo-Qw9vC.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
@@ -1,12 +1,12 @@
 import _objectSpread$1 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { createVNode, defineComponent, computed, shallowRef, inject, ref, watchEffect, watch, unref, Fragment, Teleport, getCurrentInstance, provide, toRef, Transition, withDirectives, vShow } from 'vue';
-import { s as shallowequal, i as initSlideMotion } from './shallowequal-B7epstpr.mjs';
-import { b6 as Icon, z as useConfigInject, aC as devWarning, Z as cloneElement, ab as flattenChildren, bh as isValid, A as classNames, aq as KeyCode, W as isValidElement, P as PropTypes, a9 as objectType, B as genComponentStyleHook, C as merge, a0 as initZoomMotion, U as clearFix, J as resetComponent, ap as textEllipsis, S as getPropsSlot, bi as resetIcon, L as genFocusOutline, ad as getTransitionProps } from './server.mjs';
+import { s as shallowequal, i as initSlideMotion } from './shallowequal-CJsWvZb3.mjs';
+import { b7 as Icon, z as useConfigInject, aC as devWarning, Z as cloneElement, ab as flattenChildren, bi as isValid, A as classNames, aq as KeyCode, W as isValidElement, P as PropTypes, a9 as objectType, B as genComponentStyleHook, C as merge, a0 as initZoomMotion, U as clearFix, J as resetComponent, ap as textEllipsis, S as getPropsSlot, bj as resetIcon, L as genFocusOutline, ad as getTransitionProps } from './server.mjs';
 import uniq from 'lodash-es/uniq.js';
-import { R as ResizeObserver } from './index-xCOPbDMH.mjs';
-import { _ as __nuxt_component_2, w as wrapperRaf, T as Trigger } from './index-Bpb_QU26.mjs';
-import { j as collapseMotion, h as genCollapseMotion } from './index-DgsBGZQx.mjs';
+import { R as ResizeObserver } from './index-D4HrLPqa.mjs';
+import { _ as __nuxt_component_2, w as wrapperRaf, T as Trigger } from './index-DN2Eqyc3.mjs';
+import { j as collapseMotion, h as genCollapseMotion } from './index-BTlbWWOl.mjs';
 import { TinyColor } from '@ctrl/tinycolor';

 // This icon file is generated automatically.
@@ -5,7 +5,7 @@ import { C as CheckOutlined } from '../_/CheckOutlined.mjs';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { presetPrimaryColors } from '@ant-design/colors';
 import { u as useRefs } from './useRefs-BHKrVg4I.mjs';
-import { _ as __nuxt_component_2$1 } from './index-Bpb_QU26.mjs';
+import { _ as __nuxt_component_2$1 } from './index-DN2Eqyc3.mjs';

 const progressStatuses = ["normal", "exception", "active", "success"];
 const progressProps = () => ({
@@ -1,17 +1,17 @@
 import { defineComponent, ref, computed, withAsyncContext, watch, resolveDirective, unref, withCtx, mergeProps, createVNode, openBlock, createBlock, Fragment, renderList, withDirectives, createCommentVNode, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrGetDirectiveProps, ssrRenderStyle } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, o as useCartStore, p as usePriceStore, m as useIntersectionObserver, _ as __nuxt_component_0 } from './server.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import numbro from 'numbro';
-import { H as Highlights, T as Tabs, _ as __nuxt_component_1 } from './Highlights-hsf9wGS5.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { l as loadGray, _ as __nuxt_component_0$1 } from './gray-Bd8mWW-o.mjs';
-import { _ as _sfc_main$6 } from './FullScreenStories-DfqBumN3.mjs';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
-import { u as useUserPostStore } from './userPostsStore-CAxMlK-n.mjs';
-import { _ as _sfc_main$5 } from './ProductSearchList-txQ3ysqj.mjs';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
+import { H as Highlights, T as Tabs, _ as __nuxt_component_1 } from './Highlights-BvFRnhHk.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { l as loadGray, _ as __nuxt_component_0$1 } from './gray-wOBznZcb.mjs';
+import { _ as _sfc_main$6 } from './FullScreenStories-zaV3qMX5.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
+import { u as useUserPostStore } from './userPostsStore-zgAQCVWR.mjs';
+import { _ as _sfc_main$5 } from './ProductSearchList-vRKe3377.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -37,30 +37,30 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index-CGkJdmtz.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './index-CQMiaHEh.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import 'lodash-es/uniq.js';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
 import './useRefs-BHKrVg4I.mjs';
 import 'lodash-es/pick.js';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './media-_NDkNIvH.mjs';
+import './media-CiMHc-Ka.mjs';
 import 'swiper/vue';
 import './empty_user-DSxcM_ac.mjs';
 import 'vue-content-loader';
-import './BasicInput-CldcPa4f.mjs';
-import './like-BhIOg3YL.mjs';
-import './BasicButton-CNera6n7.mjs';
-import './index--iRd5AYr.mjs';
+import './BasicInput-CgQV_gT5.mjs';
+import './like-D4L8S2C_.mjs';
+import './BasicButton-7YIRCRg8.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'swiper/modules';
-import './Checkbox-CXZ3hvS2.mjs';
+import './Checkbox-BqbMrYFp.mjs';
 import 'perfect-debounce';

 const _imports_0$1 = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cg%20id='XMLID_2_'%20fill='white'%3e%3cpath%20id='XMLID_14_'%20class='st0'%20d='M460.8,0H51.2C23.3,0,0,23.3,0,51.2v409.6C0,488.7,23.3,512,51.2,512h409.6%20c27.9,0,51.2-23.3,51.2-51.2V51.2C512,23.3,488.7,0,460.8,0z%20M153.6,460.8H51.2V358.4h102.4V460.8z%20M153.6,307.2H51.2V204.8h102.4%20V307.2z%20M153.6,153.6H51.2V51.2h102.4V153.6z%20M307.2,460.8H204.8V358.4h102.4V460.8z%20M307.2,307.2H204.8V204.8h102.4V307.2z%20M307.2,153.6H204.8V51.2h102.4V153.6z%20M460.8,460.8H358.4V358.4h102.4V460.8z%20M460.8,307.2H358.4V204.8h102.4V307.2z%20M460.8,153.6%20H358.4V51.2h102.4V153.6z'/%3e%3c/g%3e%3c/svg%3e";
@@ -189,34 +189,44 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
      const _component_ATabPane = __nuxt_component_1;
      const _directive_lazy = resolveDirective("lazy");
      let _temp0;
-      _push(`<div${ssrRenderAttrs(_attrs)} data-v-64b4a4fd><div class="absolute top-0 w-inherit right-0 left-0" data-v-64b4a4fd><div class="flex justify-between w-full p-4" data-v-64b4a4fd><div class="font-semibold text-lg" data-v-64b4a4fd>${ssrInterpolate(seller.value?.username)}</div>`);
+      _push(`<div${ssrRenderAttrs(_attrs)} data-v-72e74a9c><div class="absolute top-0 w-inherit right-0 left-0 sm:w-70vw justify-self-center" data-v-72e74a9c><div class="flex justify-between w-full p-4 sm:hidden" data-v-72e74a9c><div class="font-semibold text-lg" data-v-72e74a9c>${ssrInterpolate(seller.value?.username)}</div>`);
      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
-      _push(`</div><div class="h-90vh overflow-y-auto pb-5vh" data-v-64b4a4fd><div class="px4" data-v-64b4a4fd><div class="flex" data-v-64b4a4fd>`);
+      _push(`</div><div class="h-90vh sm:h-screen overflow-y-auto pb-5vh sm:pt-20" data-v-72e74a9c><div class="px4 sm:justify-self-center" data-v-72e74a9c><div class="flex" data-v-72e74a9c>`);
      _push(ssrRenderComponent(UserProfilePic, {
        src: seller.value?.avatar,
+        class: "sm:!w-12rem sm:!h-12rem sm:hidden",
        onClick: ($event) => userStory.value?.stories?.length === 0 || !userStory.value?.stories ? "" : selectedStoryId.value = seller.value?.id,
        "just-show-profile": userStory.value?.stories?.length === 0 || !userStory.value?.stories,
        seenStory: !userStory.value?.stories?.length || userStory.value?.stories?.every((item) => item.storyviews.find((_item) => _item.user_id === unref(user).user?.id || _item.user_id === "me")),
        showAdd: unref(config).isSeller
      }, null, _parent));
-      _push(`<div class="p3 text-sm" data-v-64b4a4fd><div class="flex mt2 gap-3" data-v-64b4a4fd><div class="" data-v-64b4a4fd><div class="font-semibold" data-v-64b4a4fd>${ssrInterpolate(formatNumber(seller.value?.stats?.total_product ?? 0))}</div><div class="text-xs" data-v-64b4a4fd>${ssrInterpolate(unref(config).useString("products"))}</div></div>`);
+      _push(ssrRenderComponent(UserProfilePic, {
+        src: seller.value?.avatar,
+        class: "sm:!w-12rem sm:!h-12rem hidden sm:block",
+        width: "",
+        onClick: ($event) => userStory.value?.stories?.length === 0 || !userStory.value?.stories ? "" : selectedStoryId.value = seller.value?.id,
+        "just-show-profile": userStory.value?.stories?.length === 0 || !userStory.value?.stories,
+        seenStory: !userStory.value?.stories?.length || userStory.value?.stories?.every((item) => item.storyviews.find((_item) => _item.user_id === unref(user).user?.id || _item.user_id === "me")),
+        showAdd: unref(config).isSeller
+      }, null, _parent));
+      _push(`<div class="p3 text-sm" data-v-72e74a9c><h1 class="hidden sm:block" data-v-72e74a9c>${ssrInterpolate(seller.value?.username)}</h1><div class="flex mt2 gap-3" data-v-72e74a9c><div class="" data-v-72e74a9c><div class="font-semibold" data-v-72e74a9c>${ssrInterpolate(formatNumber(seller.value?.stats?.total_product ?? 0))}</div><div class="text-xs" data-v-72e74a9c>${ssrInterpolate(unref(config).useString("products"))}</div></div>`);
      if (unref(config).isSeller) {
-        _push(`<div class="" data-v-64b4a4fd><div class="font-semibold" data-v-64b4a4fd>${ssrInterpolate(formatNumber(seller.value?.stats?.total_customer ?? 0))}</div><div class="text-xs" data-v-64b4a4fd>${ssrInterpolate(unref(config).useString("customers"))}</div></div>`);
+        _push(`<div class="" data-v-72e74a9c><div class="font-semibold" data-v-72e74a9c>${ssrInterpolate(formatNumber(seller.value?.stats?.total_customer ?? 0))}</div><div class="text-xs" data-v-72e74a9c>${ssrInterpolate(unref(config).useString("customers"))}</div></div>`);
      } else {
        _push(`<!---->`);
      }
-      _push(`<div class="" data-v-64b4a4fd><div class="font-semibold" data-v-64b4a4fd>${ssrInterpolate(formatNumber(unref(config).isSeller ? seller.value?.stats?.sell_total_order_count ?? 0 : unref(user)?.user?.stats?.buy_total_order_count ?? 0))}</div><div class="text-xs" data-v-64b4a4fd>${ssrInterpolate(unref(config).isSeller ? unref(config).useString("orders") : unref(config).useString("yourOrders"))}</div></div>`);
+      _push(`<div class="" data-v-72e74a9c><div class="font-semibold" data-v-72e74a9c>${ssrInterpolate(formatNumber(unref(config).isSeller ? seller.value?.stats?.sell_total_order_count ?? 0 : unref(user)?.user?.stats?.buy_total_order_count ?? 0))}</div><div class="text-xs" data-v-72e74a9c>${ssrInterpolate(unref(config).isSeller ? unref(config).useString("orders") : unref(config).useString("yourOrders"))}</div></div>`);
      if (unref(config).APP_HAS_GOLD && tala18.value) {
-        _push(`<div class="" data-v-64b4a4fd><div class="font-semibold flex gap-1" data-v-64b4a4fd>${ssrInterpolate(
+        _push(`<div class="" data-v-72e74a9c><div class="font-semibold flex gap-1" data-v-72e74a9c>${ssrInterpolate(
          // usePrice((tala18/1000)?? 0,true,'')
          unref(usePrice)(tala18.value / 10, true, "")
-        )} <div class="text-xs" data-v-64b4a4fd>${ssrInterpolate(unref(config).useString("toman"))}</div></div><div class="text-xs" data-v-64b4a4fd>${ssrInterpolate(unref(config).useString("goldGramPrice"))}</div></div>`);
+        )} <div class="text-xs" data-v-72e74a9c>${ssrInterpolate(unref(config).useString("toman"))}</div></div><div class="text-xs" data-v-72e74a9c>${ssrInterpolate(unref(config).useString("goldGramPrice"))}</div></div>`);
      } else {
        _push(`<!---->`);
      }
-      _push(`</div></div></div><div class="text-xs mt-5 whitespace-pre-line" data-v-64b4a4fd>${ssrInterpolate(seller.value?.bio)}</div>`);
+      _push(`</div><div class="text-xs mt-5 whitespace-pre-line hidden sm:block" data-v-72e74a9c>${ssrInterpolate(seller.value?.bio)}</div>`);
      if (seller.value?.website) {
-        _push(`<a${ssrRenderAttr("href", "https://" + seller.value?.website)} target="_blank" data-v-64b4a4fd><div class="flex items-center text-xs gap-1 text-primary" data-v-64b4a4fd>`);
+        _push(`<a${ssrRenderAttr("href", "https://" + seller.value?.website)} target="_blank" class="hidden sm:block" data-v-72e74a9c><div class="flex items-center text-xs gap-1 text-primary" data-v-72e74a9c>`);
        _push(ssrRenderComponent(BasicIconOld, {
          icon: "vuesax-linear:link-1",
          class: "text-primary",
@@ -227,7 +237,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
        _push(`<!---->`);
      }
      if (unref(config).ENAMAD_URL) {
-        _push(`<div data-v-64b4a4fd> اینماد <a${ssrRenderAttr("href", unref(config).ENAMAD_URL)} target="_blank" data-v-64b4a4fd><div class="flex items-center text-xs gap-1 text-primary" data-v-64b4a4fd>`);
+        _push(`<div class="hidden sm:block" data-v-72e74a9c> اینماد <a${ssrRenderAttr("href", unref(config).ENAMAD_URL)} target="_blank" data-v-72e74a9c><div class="flex items-center text-xs gap-1 text-primary" data-v-72e74a9c>`);
+        _push(ssrRenderComponent(BasicIconOld, {
+          icon: "vuesax-linear:link-1",
+          class: "text-primary",
+          size: "20"
+        }, null, _parent));
+        _push(` ${ssrInterpolate(unref(shortenUrl)(unref(config).ENAMAD_URL))}</div></a></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div></div><div class="text-xs mt-5 whitespace-pre-line sm:hidden" data-v-72e74a9c>${ssrInterpolate(seller.value?.bio)}</div>`);
+      if (seller.value?.website) {
+        _push(`<a${ssrRenderAttr("href", "https://" + seller.value?.website)} target="_blank" class="sm:hidden" data-v-72e74a9c><div class="flex items-center text-xs gap-1 text-primary" data-v-72e74a9c>`);
+        _push(ssrRenderComponent(BasicIconOld, {
+          icon: "vuesax-linear:link-1",
+          class: "text-primary",
+          size: "20"
+        }, null, _parent));
+        _push(` ${ssrInterpolate(seller.value?.website)}</div></a>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(config).ENAMAD_URL) {
+        _push(`<div class="sm:hidden" data-v-72e74a9c> اینماد <a${ssrRenderAttr("href", unref(config).ENAMAD_URL)} target="_blank" data-v-72e74a9c><div class="flex items-center text-xs gap-1 text-primary" data-v-72e74a9c>`);
        _push(ssrRenderComponent(BasicIconOld, {
          icon: "vuesax-linear:link-1",
          class: "text-primary",
@@ -238,7 +271,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_client_only, null, {}, _parent));
-      _push(`<div class="mt-4 flex -me16px" data-v-64b4a4fd>`);
+      _push(`<div class="mt-8 mb-4 flex -me16px" data-v-72e74a9c>`);
      _push(ssrRenderComponent(Highlights, { "current-user": seller.value }, null, _parent));
      _push(`</div></div>`);
      _push(ssrRenderComponent(_component_ATabs, {
@@ -255,7 +288,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
            }, {
              tab: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
-                  _push3(`<span data-v-64b4a4fd${_scopeId2}>`);
+                  _push3(`<span data-v-72e74a9c${_scopeId2}>`);
                  _push3(ssrRenderComponent(_sfc_main$4, null, null, _parent3, _scopeId2));
                  _push3(`</span>`);
                } else {
@@ -268,18 +301,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
              }),
              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
-                  _push3(`<div class="w-full grid grid-cols-3 mt-[1px] gap-2px" data-v-64b4a4fd${_scopeId2}><!--[-->`);
+                  _push3(`<div class="w-full grid sm:grid-cols-4 grid-cols-3 mt-[1px] gap-2px" data-v-72e74a9c${_scopeId2}><!--[-->`);
                  ssrRenderList(unref(userPost).posts, (post, i) => {
-                    _push3(`<div class="w-full aspect-square relative" data-v-64b4a4fd${_scopeId2}>`);
+                    _push3(`<div class="w-full aspect-square relative" data-v-72e74a9c${_scopeId2}>`);
                    if (post.files?.length) {
                      _push3(`<!--[-->`);
                      if (post.files[0]?.type === "image") {
                        _push3(`<img${ssrRenderAttrs(_temp0 = mergeProps({
                          class: "w-full h-full object-cover",
                          alt: unref(config).appName.en
-                        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(post.files[0].url), loading: unref(loadGray), error: unref(loadGray) })))} data-v-64b4a4fd${_scopeId2}>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""}`);
+                        }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(post.files[0].url), loading: unref(loadGray), error: unref(loadGray) })))} data-v-72e74a9c${_scopeId2}>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""}`);
                      } else if (post.files[0]?.type === "video") {
-                        _push3(`<div class="relative w-full h-full" data-v-64b4a4fd${_scopeId2}><video${ssrRenderAttr("src", post.files[0]?.url)} class="hidden" data-v-64b4a4fd${_scopeId2}></video><img${ssrRenderAttr("src", videoThumbnails.value[post.files[0]?.url])} class="w-full h-full object-cover" alt="Video Thumbnail" data-v-64b4a4fd${_scopeId2}><div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-30" data-v-64b4a4fd${_scopeId2}><svg class="w-12 h-12 text-white" fill="currentColor" viewBox="0 0 24 24" data-v-64b4a4fd${_scopeId2}><path d="M8 5v14l11-7z" data-v-64b4a4fd${_scopeId2}></path></svg></div></div>`);
+                        _push3(`<div class="relative w-full h-full" data-v-72e74a9c${_scopeId2}><video${ssrRenderAttr("src", post.files[0]?.url)} class="hidden" data-v-72e74a9c${_scopeId2}></video><img${ssrRenderAttr("src", videoThumbnails.value[post.files[0]?.url])} class="w-full h-full object-cover" alt="Video Thumbnail" data-v-72e74a9c${_scopeId2}><div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-30" data-v-72e74a9c${_scopeId2}><svg class="w-12 h-12 text-white" fill="currentColor" viewBox="0 0 24 24" data-v-72e74a9c${_scopeId2}><path d="M8 5v14l11-7z" data-v-72e74a9c${_scopeId2}></path></svg></div></div>`);
                      } else {
                        _push3(`<!---->`);
                      }
@@ -292,7 +325,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                  _push3(`<!--]--></div>`);
                } else {
                  return [
-                    createVNode("div", { class: "w-full grid grid-cols-3 mt-[1px] gap-2px" }, [
+                    createVNode("div", { class: "w-full grid sm:grid-cols-4 grid-cols-3 mt-[1px] gap-2px" }, [
                      (openBlock(true), createBlock(Fragment, null, renderList(unref(userPost).posts, (post, i) => {
                        return openBlock(), createBlock("div", {
                          key: i,
@@ -346,7 +379,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
            }, {
              tab: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
-                  _push3(`<span data-v-64b4a4fd${_scopeId2}>`);
+                  _push3(`<span data-v-72e74a9c${_scopeId2}>`);
                  _push3(ssrRenderComponent(_sfc_main$3, null, null, _parent3, _scopeId2));
                  _push3(`</span>`);
                } else {
@@ -380,7 +413,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                  ])
                ]),
                default: withCtx(() => [
-                  createVNode("div", { class: "w-full grid grid-cols-3 mt-[1px] gap-2px" }, [
+                  createVNode("div", { class: "w-full grid sm:grid-cols-4 grid-cols-3 mt-[1px] gap-2px" }, [
                    (openBlock(true), createBlock(Fragment, null, renderList(unref(userPost).posts, (post, i) => {
                      return openBlock(), createBlock("div", {
                        key: i,
@@ -445,7 +478,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
        }),
        _: 1
      }, _parent));
-      _push(`<div style="${ssrRenderStyle(!unref(userPost).loading ? null : { display: "none" })}" class="w-full opacity-0 relative" data-v-64b4a4fd> load </div>`);
+      _push(`<div style="${ssrRenderStyle(!unref(userPost).loading ? null : { display: "none" })}" class="w-full opacity-0 relative" data-v-72e74a9c> load </div>`);
      if (unref(userPost).loading) {
        _push(ssrRenderComponent(__nuxt_component_0$1, null, null, _parent));
      } else {
@@ -471,7 +504,7 @@ _sfc_main$2.setup = (props, ctx) => {
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/base/pages/user/userMain/components/Seller.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const Seller = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-64b4a4fd"]]);
+const Seller = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-72e74a9c"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "index",
  __ssrInlineRender: true,
@@ -1,18 +1,19 @@
-import { defineComponent, computed, unref, ref, watch, mergeProps, withAsyncContext, provide, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
+import { defineComponent, computed, mergeProps, unref, ref, watch, withAsyncContext, provide, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate, ssrRenderClass, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
 import { a as useConfigStore, u as useRouter$1, b as useUserStore, o as useCartStore, p as usePriceStore, _ as __nuxt_component_0$1, m as useIntersectionObserver, n as getToken, d as api$1 } from './server.mjs';
-import { P as Post, _ as _sfc_main$7 } from './PostCardSkeleton-BfG9M_Aj.mjs';
-import { C as CommentAddEdit, _ as _sfc_main$8, d as deletePostLike, c as createPostLike } from './moreOptionProduct-DGhUOthE.mjs';
-import { d as deleteSave, c as createSave } from './save-6qQTYFWc.mjs';
-import { u as useProductStore } from './product-C4ZOggJK.mjs';
-import { u as useMediaStore } from './media-SggCY0jL.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
+import { L as Logo } from './Logo-CS_PsVSS.mjs';
+import { a as _sfc_main$5, C as CommentAddEdit, _ as _sfc_main$8, d as deletePostLike, c as createPostLike } from './moreOptionProduct-CDK2wI8v.mjs';
+import { P as Post, _ as _sfc_main$7 } from './PostCardSkeleton-BhoFDKGt.mjs';
+import { d as deleteSave, c as createSave } from './save-3yOnAiJS.mjs';
+import { u as useProductStore } from './product-CMP8dkW4.mjs';
+import { u as useMediaStore } from './media-Cj7oyS0P.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';
 import { storeToRefs } from 'pinia';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { _ as _sfc_main$6 } from './FullScreenStories-DfqBumN3.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { u as usePrice } from './usePrice-_QzChhgO.mjs';
-import { _ as __nuxt_component_2 } from './index-fviVuNo9.mjs';
+import { _ as _sfc_main$6 } from './FullScreenStories-zaV3qMX5.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { u as usePrice } from './usePrice-CFcNV1RQ.mjs';
+import { _ as __nuxt_component_2 } from './index-CRP3RHmx.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -36,104 +37,69 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './empty_user-DSxcM_ac.mjs';
-import './useDateTime-D8RCoGwW.mjs';
-import 'moment';
-import 'moment-timezone';
-import 'moment-jalaali';
-import 'date-fns';
-import 'date-fns/locale';
-import 'swiper/vue';
-import 'swiper/modules';
-import './post_loading-CMOcYm9B.mjs';
-import './BasicIconOld-93vAWohq.mjs';
-import './like-BhIOg3YL.mjs';
-import 'vue-content-loader';
-import './index-x7G4qpPf.mjs';
+import './index-zsqPNrGJ.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import 'framesync';
 import 'popmotion';
 import 'style-value-types';
-import './BasicButton-CNera6n7.mjs';
-import './index--iRd5AYr.mjs';
+import './BasicButton-7YIRCRg8.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './index-CGkJdmtz.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './index-CQMiaHEh.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import 'lodash-es/uniq.js';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Cq494RwS.mjs';
-import './media-_NDkNIvH.mjs';
+import './useDateTime-iTLoRLEX.mjs';
+import 'moment';
+import 'moment-timezone';
+import 'moment-jalaali';
+import 'date-fns';
+import 'date-fns/locale';
+import './empty_user-DSxcM_ac.mjs';
+import './like-D4L8S2C_.mjs';
+import './index-Dt1yGoIP.mjs';
+import 'vue-content-loader';
+import 'swiper/vue';
+import 'swiper/modules';
+import './post_loading-CMOcYm9B.mjs';
+import './media-CiMHc-Ka.mjs';
 import 'perfect-debounce';
-import './BasicInput-CldcPa4f.mjs';
+import './BasicInput-CgQV_gT5.mjs';
 import '../_/CheckOutlined.mjs';
 import './useRefs-BHKrVg4I.mjs';

-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
  __name: "InstallButton",
  __ssrInlineRender: true,
-  setup(__props) {
-    ref(false);
+  emits: ["show"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const showInstallButton = ref(false);
    ref(null);
+    watch(showInstallButton, (n) => {
+      emits("show", n);
+    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0$1;
      _push(ssrRenderComponent(_component_ClientOnly, _attrs, {}, _parent));
    };
  }
 });
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/InstallButton.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
-};
-const __nuxt_component_0 = Object.assign(_sfc_main$5, { __name: "InstallButton" });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "Logo",
-  __ssrInlineRender: true,
-  setup(__props) {
-    const config = useConfigStore();
-    const logoSrc = computed(() => {
-      if (!config.STORAGE_LOGO) {
-        console.warn("⚠️ STORAGE_LOGO is empty");
-        return "";
-      }
-      const logo = config.isNightStore ? "logo_full_white.png" : "logo_full.png";
-      const fullPath = config.useLogo(logo);
-      console.log("🖼️ Logo computed:", fullPath);
-      return fullPath;
-    });
-    ref(false);
-    watch(() => config.STORAGE_LOGO, (newVal) => {
-      console.log("🔄 STORAGE_LOGO changed:", newVal);
-    });
-    return (_ctx, _push, _parent, _attrs) => {
-      if (!logoSrc.value) {
-        _push(`<span${ssrRenderAttrs(_attrs)}>${ssrInterpolate(unref(config).appName.en)}</span>`);
-      } else {
-        _push(`<img${ssrRenderAttrs(mergeProps({
-          key: logoSrc.value,
-          src: logoSrc.value,
-          alt: unref(config).appName.en,
-          class: "inline"
-        }, _attrs))}>`);
-      }
-    };
-  }
-});
 const _sfc_setup$4 = _sfc_main$4.setup;
 _sfc_main$4.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/Logo.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/InstallButton.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
 };
-const Logo = Object.assign(_sfc_main$4, { __name: "Logo" });
+const __nuxt_component_0 = Object.assign(_sfc_main$4, { __name: "InstallButton" });
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
  __name: "Posts",
  __ssrInlineRender: true,
@@ -332,7 +298,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    const config = useConfigStore();
    const percent = useProductStore();
    useRouter$1();
-    useUserStore();
+    const userStore = useUserStore();
    useCartStore();
    const onlinePrices = usePriceStore();
    const header = config.TEXT_HEADER;
@@ -341,7 +307,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      const _component_InstallButton = __nuxt_component_0;
      const _component_ClientOnly = __nuxt_component_0$1;
      const _component_AProgress = __nuxt_component_2;
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="absolute top-0 w-inherit right-0 left-0 h-screen overflow-hidden overflow-y-hidden flex flex-col"><div class="flex-col flex overflow-hidden flex-shrink-0"><div class="flex justify-between w-full p-4">`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex justify-center" }, _attrs))}><div class="w-inherit h-screen overflow-hidden overflow-y-hidden flex flex-col max-w-500px"><div class="flex-col flex overflow-hidden flex-shrink-0"><div class="flex justify-between w-full p-4 sm:hidden">`);
      _push(ssrRenderComponent(Logo, { class: "h-2rem" }, null, _parent));
      _push(`<div class="flex items-center gap-3">`);
      if (unref(config).APP_HAS_GOLD && unref(config).PRICE_HEADER && unref(tala18)) {
@@ -360,7 +326,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      } else {
        _push(`<!---->`);
      }
-      _push(`</div><div class="flex-1 overflow-y-auto overflow-x-hidden pb-10vh scrollHome min-h-0">`);
+      _push(`</div><div class="flex-1 overflow-y-auto overflow-x-hidden pb-10vh scrollHome min-h-0 mt2">`);
      _push(ssrRenderComponent(CustomStories, { class: "" }, null, _parent));
      if (unref(percent).percentUpload != 100 && unref(percent).loading) {
        _push(ssrRenderComponent(_component_AProgress, {
@@ -376,7 +342,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
        "user-post-scroll": "scrollHome",
        "scroll-save": "scrollPosition"
      }, null, _parent));
-      _push(`</div></div></div>`);
+      _push(`</div></div>`);
+      if (unref(config).APP_HAS_GOLD && unref(config).PRICE_HEADER && unref(tala18)) {
+        _push(`<div class="fixed end-10 top-10 hidden sm:block border-1 border-solid p-2px rounded"><div class="font-semibold flex gap-1">${ssrInterpolate(
+          // usePrice((tala18/1000)?? 0,true,'')
+          unref(usePrice)(unref(tala18) / 10, true, "")
+        )} <div class="text-xs text-center w-full">${ssrInterpolate(unref(config).useString("toman"))}</div></div><div class="text-xs text-center">${ssrInterpolate(unref(config).useString("goldGramPrice"))}</div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="${ssrRenderClass([[{ "shadow-gray-8": unref(config).isNightStore }], "fixed end-10 bottom-10 hidden sm:flex p-2px rounded-full shadow-2xl hover:shadow-xl p-4 items-center gap-2 cursor-pointer"])}"><div class="relative">`);
+      _push(ssrRenderComponent(_sfc_main$5, null, null, _parent));
+      if (unref(userStore).unReadMessage?.length) {
+        _push(`<div class="absolute bg-red-6 -top-2 -right-2 text-xs min-w-4 p-1 h-4 flex flex-col justify-center items-center text-white rounded-full">${ssrInterpolate(unref(userStore).unReadMessage?.length)}</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div><span>${ssrInterpolate(unref(config).useString("messages"))}</span></div></div>`);
    };
  }
 });
@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { defineComponent, computed, ref, watch, createVNode, Transition, withDirectives, vShow, reactive } from 'vue';
 import { z as useConfigInject, S as getPropsSlot, ab as flattenChildren, Z as cloneElement, A as classNames, ad as getTransitionProps, B as genComponentStyleHook, C as merge, P as PropTypes, R as filterEmpty, J as resetComponent, K as Keyframe } from './server.mjs';
-import { i as isPresetColor, g as genPresetColor } from './index-Bpb_QU26.mjs';
+import { i as isPresetColor, g as genPresetColor } from './index-DN2Eqyc3.mjs';

 function UnitNumber(_ref) {
  let {
@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import { defineComponent, shallowRef, watchEffect, computed, createVNode, Fragment } from 'vue';
 import { z as useConfigInject, A as classNames, ae as Wave, B as genComponentStyleHook, C as merge, af as CloseOutlined, P as PropTypes, ag as eventType, J as resetComponent, ah as capitalize } from './server.mjs';
-import { i as isPresetColor, a as isPresetStatusColor, g as genPresetColor } from './index-Bpb_QU26.mjs';
+import { i as isPresetColor, a as isPresetStatusColor, g as genPresetColor } from './index-DN2Eqyc3.mjs';
 import _extends from '@babel/runtime/helpers/esm/extends';

 const genTagStatusStyle = (token, status, cssVariableType) => {
@@ -1,12 +1,12 @@
 import { defineComponent, ref, mergeProps, withCtx, openBlock, createBlock, Fragment, renderList, withModifiers, createVNode, unref, resolveDirective, reactive, toDisplayString, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderList, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, _ as __nuxt_component_0, b as useUserStore, aT as watchDebounced, e as loading, aU as getCustomerList, q as useElementSize, s as supabase } from './server.mjs';
-import { _ as _sfc_main$9, C as Collapse, a as __nuxt_component_1, g as getCategoriesTree } from './ProductSearchList-txQ3ysqj.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { _ as _sfc_main$9, C as Collapse, a as __nuxt_component_1, g as getCategoriesTree } from './ProductSearchList-vRKe3377.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { p as previewImg$1 } from './logo_preview-CJTcB_Eg.mjs';
 import { ContentLoader } from 'vue-content-loader';
-import { T as Tag } from './index-D1gzz96y.mjs';
-import { C as CustomerCard, a as CustomerCardSkeleton } from './CustomerCardSkeleton-CnMROfMx.mjs';
+import { T as Tag } from './index-CnnQbQCE.mjs';
+import { C as CustomerCard, a as CustomerCardSkeleton } from './CustomerCardSkeleton-XNgH7g6C.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -31,27 +31,27 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './gray-Bd8mWW-o.mjs';
-import './media-_NDkNIvH.mjs';
-import './usePrice-_QzChhgO.mjs';
-import './BasicButton-CNera6n7.mjs';
+import './gray-wOBznZcb.mjs';
+import './media-CiMHc-Ka.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './index-CGkJdmtz.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './index-CQMiaHEh.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import 'lodash-es/uniq.js';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './Checkbox-CXZ3hvS2.mjs';
-import './asyncData-CZ9BKXPA.mjs';
+import './Checkbox-BqbMrYFp.mjs';
+import './asyncData-DVPmuEBB.mjs';
 import 'perfect-debounce';
-import './UserProfilePic-XzJNxY0K.mjs';
+import './UserProfilePic-CSSFM-Xe.mjs';
 import './empty_user-DSxcM_ac.mjs';

 const getBrandsList = async (search) => {
@@ -607,7 +607,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0;
-      _push(`<div${ssrRenderAttrs(_attrs)}>`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "sm:w-70vw sm:justify-self-center" }, _attrs))}>`);
      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
      _push(`<div class="h-85vh overflow-y-auto pb-5vh">`);
      if (activeKey.value === "products") {
@@ -1,12 +1,12 @@
 import _objectSpread$3 from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { createVNode, defineComponent, shallowRef, watchEffect, computed, ref, Fragment, getCurrentInstance, watch, withDirectives, nextTick, reactive } from 'vue';
-import { b6 as Icon, z as useConfigInject, bs as useCompactItemContext, D as useInjectDisabled, aD as CloseCircleFilled, E as omit, A as classNames, aR as NoCompactStyle, ao as anyType, P as PropTypes, ar as tuple, ag as eventType, Z as cloneElement, W as isValidElement, G as stringType, R as filterEmpty, aw as warning, a7 as findDOMNode, M as Button } from './server.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext, N as NoFormStatus } from './FormItemContext-p68sljID.mjs';
-import { g as getMergedStatus, u as useStyle, a as getStatusClassNames } from './index-DgsBGZQx.mjs';
+import { b7 as Icon, z as useConfigInject, bt as useCompactItemContext, D as useInjectDisabled, aD as CloseCircleFilled, E as omit, A as classNames, aR as NoCompactStyle, ao as anyType, P as PropTypes, ar as tuple, ag as eventType, Z as cloneElement, W as isValidElement, G as stringType, R as filterEmpty, aw as warning, a7 as findDOMNode, M as Button } from './server.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext, N as NoFormStatus } from './FormItemContext-DTpHAXaY.mjs';
+import { g as getMergedStatus, u as useStyle, a as getStatusClassNames } from './index-BTlbWWOl.mjs';
 import isPlainObject from 'lodash-es/isPlainObject.js';
 import ResizeObserver$1 from 'resize-observer-polyfill';
-import { w as wrapperRaf } from './index-Bpb_QU26.mjs';
+import { w as wrapperRaf } from './index-DN2Eqyc3.mjs';

 // This icon file is generated automatically.
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-DueIMgOd.mjs';
+import { _ as _sfc_main$1 } from './index-DPdW-whw.mjs';
 import '@ant-design/icons-vue';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -30,25 +30,25 @@ import 'vue-types';
 import 'unhead/utils';
 import './empty_user-DSxcM_ac.mjs';
 import './inputRules-Cr4Uiro2.mjs';
-import './BasicInput-CldcPa4f.mjs';
-import './usePrice-_QzChhgO.mjs';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './BasicInput-CgQV_gT5.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
-import './BaseDatePicker-Dkf-M4Yl.mjs';
+import './BaseDatePicker-D3_e-ycp.mjs';
 import 'moment-jalaali';
 import 'dayjalali';
-import './index-D1gzz96y.mjs';
+import './index-CnnQbQCE.mjs';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './move-DnSsXmCn.mjs';
-import './shallowequal-B7epstpr.mjs';
-import './index-DDKLrugS.mjs';
+import './move-DCvQW68K.mjs';
+import './shallowequal-CJsWvZb3.mjs';
+import './index-C5WgqxkU.mjs';
 import './close_light-DbrEdRZI.mjs';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
@@ -57,16 +57,16 @@ import 'compute-scroll-into-view';
 import 'lodash-es/intersection.js';
 import 'lodash-es/debounce.js';
 import 'lodash-es/omit.js';
-import './index-x7G4qpPf.mjs';
+import './index-zsqPNrGJ.mjs';
 import '@vueuse/gesture';
 import '@headlessui/vue';
 import 'framesync';
 import 'popmotion';
 import 'style-value-types';
-import './BasicButton-CNera6n7.mjs';
-import './index--iRd5AYr.mjs';
+import './BasicButton-7YIRCRg8.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './InstaInput-B3jNyRDU.mjs';
+import './InstaInput-Cs7_qhi7.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-Dxns_A0_.mjs';
+import { _ as _sfc_main$1 } from './index-Dr8Kut82.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -1,20 +1,20 @@
 import { LoadingOutlined } from '@ant-design/icons-vue';
 import { defineComponent, ref, h, watch, resolveDirective, mergeProps, unref, withCtx, createVNode, openBlock, createBlock, Fragment, toDisplayString, createCommentVNode, createTextVNode, withDirectives, renderList, computed, nextTick, reactive, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrRenderClass, ssrInterpolate, ssrRenderAttrs, ssrGetDirectiveProps, ssrRenderList, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrInterpolate, ssrGetDirectiveProps, ssrRenderList, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, aJ as checkUsername, e as loading, aK as updateUser, aL as getStoreCollections, M as Button } from './server.mjs';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
 import { i as inputRulesNoMessage } from './inputRules-Cr4Uiro2.mjs';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
-import { b as __nuxt_component_0$1 } from './index-xCOPbDMH.mjs';
-import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-Dkf-M4Yl.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
+import { b as __nuxt_component_0$1 } from './index-D4HrLPqa.mjs';
+import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-D3_e-ycp.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import { F as Form, _ as _sfc_main$5 } from './index-DDKLrugS.mjs';
-import { B as BasicSheet } from './index-x7G4qpPf.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { I as InstaInput } from './InstaInput-B3jNyRDU.mjs';
+import { F as Form, _ as _sfc_main$5 } from './index-C5WgqxkU.mjs';
+import { B as BasicSheet } from './index-zsqPNrGJ.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { I as InstaInput } from './InstaInput-Cs7_qhi7.mjs';
 import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';
-import { S as Spin } from './index--iRd5AYr.mjs';
+import { S as Spin } from './index-CO_xVqO1.mjs';
 import { debounce } from 'lodash-es';

 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -811,15 +811,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      const _component_a_form = Form;
      const _directive_lazy = resolveDirective("lazy");
      let _temp0;
-      _push(ssrRenderComponent(_component_a_spin, mergeProps({ spinning: unref(loading) }, _attrs), {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "sm:!w-50vw sm:justify-self-center" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_a_spin, { spinning: unref(loading) }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
-            _push2(`<div class="${ssrRenderClass([" fixed w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"${_scopeId}><div class="px-4 flex items-center justify-between"${_scopeId}><div class="flex gap-5 py-4"${_scopeId}>`);
+            _push2(`<div class="${ssrRenderClass(["sticky w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"${_scopeId}><div class="px-4 flex items-center justify-between"${_scopeId}><div class="flex gap-5 py-4"${_scopeId}>`);
            _push2(ssrRenderComponent(BasicIconOld, {
              icon: unref(config).isRTL ? "vuesax-linear:arrow-right" : "vuesax-linear:arrow-left",
              onClick: ($event) => unref(router).back()
            }, null, _parent2, _scopeId));
-            _push2(`<div class="font-semibold"${_scopeId}>${ssrInterpolate(unref(config).useString("editProfile"))}</div></div><div${_scopeId}></div></div></div><div class="pt-4rem pb-6rem overflow-y-auto"${_scopeId}><div class="w-full flex justify-center"${_scopeId}><img${ssrRenderAttrs(_temp0 = mergeProps({
+            _push2(`<div class="font-semibold"${_scopeId}>${ssrInterpolate(unref(config).useString("editProfile"))}</div></div><div${_scopeId}></div></div></div><div class="pt-4 pb-6rem overflow-y-auto"${_scopeId}><div class="w-full flex justify-center"${_scopeId}><img${ssrRenderAttrs(_temp0 = mergeProps({
              alt: unref(config).appName.en,
              class: "w-4rem h-4rem rounded-full object-cover"
            }, ssrGetDirectiveProps(_ctx, _directive_lazy, { src: unref(config).useDataStorage(formFields.value.avatar), loading: unref(empty_user), error: unref(empty_user) })))}${_scopeId}>${"textContent" in _temp0 ? ssrInterpolate(_temp0.textContent) : _temp0.innerHTML ?? ""}</div><div class="px-1rem mt-2rem"${_scopeId}>`);
@@ -828,7 +829,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
              ref: formRef,
              model: formFields.value,
              autocomplete: "off",
-              layout: "vertical"
+              layout: "vertical",
+              class: "sm:grid sm:grid-cols-2 sm:gap-2"
            }, {
              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
@@ -1126,7 +1128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                  }
                  if (unref(config).isSeller && formFields.value.type !== "customer") {
                    _push3(ssrRenderComponent(InstaInput, {
-                      class: "min-h-120px",
+                      class: "min-h-120px col-span-2",
                      rules: unref(inputRulesNoMessage)(),
                      value: formFields.value.bio,
                      "onUpdate:value": ($event) => formFields.value.bio = $event,
@@ -1329,7 +1331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                    }, 8, ["value", "onUpdate:value", "onClick"])) : createCommentVNode("", true),
                    unref(config).isSeller && formFields.value.type !== "customer" ? (openBlock(), createBlock(InstaInput, {
                      key: 3,
-                      class: "min-h-120px",
+                      class: "min-h-120px col-span-2",
                      rules: unref(inputRulesNoMessage)(),
                      value: formFields.value.bio,
                      "onUpdate:value": ($event) => formFields.value.bio = $event,
@@ -1390,7 +1392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
          } else {
            return [
              createVNode("div", {
-                class: [" fixed w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "]
+                class: ["sticky w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "]
              }, [
                createVNode("div", { class: "px-4 flex items-center justify-between" }, [
                  createVNode("div", { class: "flex gap-5 py-4" }, [
@@ -1403,7 +1405,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                  createVNode("div")
                ])
              ], 2),
-              createVNode("div", { class: "pt-4rem pb-6rem overflow-y-auto" }, [
+              createVNode("div", { class: "pt-4 pb-6rem overflow-y-auto" }, [
                createVNode("div", { class: "w-full flex justify-center" }, [
                  withDirectives(createVNode("img", {
                    alt: unref(config).appName.en,
@@ -1419,7 +1421,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                    ref: formRef,
                    model: formFields.value,
                    autocomplete: "off",
-                    layout: "vertical"
+                    layout: "vertical",
+                    class: "sm:grid sm:grid-cols-2 sm:gap-2"
                  }, {
                    default: withCtx(() => [
                      createVNode(InstaInput, {
@@ -1589,7 +1592,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                      }, 8, ["value", "onUpdate:value", "onClick"])) : createCommentVNode("", true),
                      unref(config).isSeller && formFields.value.type !== "customer" ? (openBlock(), createBlock(InstaInput, {
                        key: 3,
-                        class: "min-h-120px",
+                        class: "min-h-120px col-span-2",
                        rules: unref(inputRulesNoMessage)(),
                        value: formFields.value.bio,
                        "onUpdate:value": ($event) => formFields.value.bio = $event,
@@ -1644,6 +1647,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
        }),
        _: 1
      }, _parent));
+      _push(`</div>`);
    };
  }
 });
@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, nextTick, withAsyncContext, watch, resolveDirective, unref, mergeProps, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderList, ssrGetDirectiveProps, ssrInterpolate, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
-import { S as SearchButton } from './SearchButton-Di7gsVns.mjs';
-import { l as loadGray, _ as __nuxt_component_0 } from './gray-Bd8mWW-o.mjs';
-import { b as getStoreSearchPosts } from './media-_NDkNIvH.mjs';
+import { S as SearchButton } from './SearchButton-bvprDE_g.mjs';
+import { l as loadGray, _ as __nuxt_component_0 } from './gray-wOBznZcb.mjs';
+import { b as getStoreSearchPosts } from './media-CiMHc-Ka.mjs';
 import { u as useRouter$1, a as useConfigStore, m as useIntersectionObserver } from './server.mjs';
-import { u as useAsyncData } from './asyncData-CZ9BKXPA.mjs';
+import { u as useAsyncData } from './asyncData-DVPmuEBB.mjs';
 import 'vue-content-loader';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -105,14 +105,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
    return (_ctx, _push, _parent, _attrs) => {
      const _directive_lazy = resolveDirective("lazy");
      let _temp0;
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="absolute top-0 w-inherit right-0 left-0"><div class="flex justify-between w-full p-4">`);
+      _push(`<div${ssrRenderAttrs(_attrs)}><div class="absolute top-0 w-inherit right-0 left-0 sm:w-70vw sm:justify-self-center"><div class="flex justify-between w-full p-4">`);
      _push(ssrRenderComponent(SearchButton, {
        class: "w-full mt-2",
        onClick: ($event) => unref(router).push({ name: "search-main" })
      }, null, _parent));
      _push(`</div><div class="h-90vh overflow-y-auto pb-5vh">`);
      if (!loading.value) {
-        _push(`<div class="w-full grid grid-cols-3 gap-2px"><!--[-->`);
+        _push(`<div class="w-full grid grid-cols-3 sm:grid-cols-5 gap-2px"><!--[-->`);
        ssrRenderList(posts.value, (post, i) => {
          _push(`<div class="w-full aspect-square relative">`);
          if (post.files?.length) {
@@ -2,11 +2,11 @@ import { defineComponent, ref, reactive, mergeProps, unref, withCtx, createVNode
 import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, f as generateOtp, d as api$1, v as verifyOtp, c as setToken, s as supabase, i as setPassword, j as setBirthday, k as setNames } from './server.mjs';
 import OtpInput from 'vue3-otp-input';
-import { B as BasicInput } from './BasicInput-CldcPa4f.mjs';
-import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-Dkf-M4Yl.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
-import { _ as __nuxt_component_1 } from './FormItem-BWqqFUsd.mjs';
+import { B as BasicInput } from './BasicInput-CgQV_gT5.mjs';
+import { B as BaseDatePicker, a as BaseDatePickerJalali } from './BaseDatePicker-D3_e-ycp.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
+import { _ as __nuxt_component_1 } from './FormItem-Uo-Qw9vC.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
 import 'node:https';
@@ -31,22 +31,22 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './usePrice-_QzChhgO.mjs';
-import './index-xCOPbDMH.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
+import './usePrice-CFcNV1RQ.mjs';
+import './index-D4HrLPqa.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
 import 'lodash-es/isPlainObject.js';
 import 'resize-observer-polyfill';
-import './index-Bpb_QU26.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
 import 'moment-jalaali';
 import 'dayjalali';
-import './index-D1gzz96y.mjs';
+import './index-CnnQbQCE.mjs';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './move-DnSsXmCn.mjs';
-import './shallowequal-B7epstpr.mjs';
+import './move-DCvQW68K.mjs';
+import './shallowequal-CJsWvZb3.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { defineComponent, ref, computed, createVNode, Fragment } from 'vue';
-import { _ as __nuxt_component_2, t as tooltipDefaultProps, b as abstractTooltipProps, c as getArrowStyle, P as PresetColors } from './index-Bpb_QU26.mjs';
+import { _ as __nuxt_component_2, t as tooltipDefaultProps, b as abstractTooltipProps, c as getArrowStyle, P as PresetColors } from './index-DN2Eqyc3.mjs';
 import { V as withInstall, aw as warning, z as useConfigInject, A as classNames, E as omit, Y as getTransitionName, Q as initDefaultProps, B as genComponentStyleHook, C as merge, a0 as initZoomMotion, R as filterEmpty, ao as anyType, J as resetComponent } from './server.mjs';

 const genBaseStyle = (token) => {
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-5kia3tt3.mjs';
+import { _ as _sfc_main$1 } from './index-DVGhzw_E.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -2,7 +2,7 @@ import { ref, computed, nextTick, watch, mergeProps, unref, withCtx, createVNode
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrRenderSlot, ssrInterpolate, ssrRenderStyle } from 'vue/server-renderer';
 import { useDrag } from '@vueuse/gesture';
 import { TransitionRoot } from '@headlessui/vue';
-import { e as defu } from '../nitro/nitro.mjs';
+import { f as defu } from '../nitro/nitro.mjs';
 import { a as useConfigStore, t as unrefElement, w as tryOnUnmounted, x as isObject$2, m as useIntersectionObserver, y as useEventListener } from './server.mjs';
 import sync, { getFrameData } from 'framesync';
 import { inertia, animate, velocityPerSecond, cubicBezier, bounceOut, bounceInOut, bounceIn, anticipate, backOut, backInOut, backIn, circOut, circInOut, circIn, easeOut, easeInOut, easeIn, linear } from 'popmotion';
@@ -1,6 +1,6 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-C9GN374h.mjs';
+import { _ as _sfc_main$1 } from './index-B8Xh3cyY.mjs';
 import './server.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -26,7 +26,7 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "infProduct",
@@ -1,9 +1,9 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-BqU65gSW.mjs';
+import { _ as _sfc_main$1 } from './index-CLLi1wDe.mjs';
 import 'swiper/vue';
 import 'swiper/modules';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import 'pinia';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -29,24 +29,24 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './BaseDatePicker-Dkf-M4Yl.mjs';
+import './BaseDatePicker-D3_e-ycp.mjs';
 import 'moment-jalaali';
 import 'dayjalali';
-import './index-D1gzz96y.mjs';
-import './index-Bpb_QU26.mjs';
+import './index-CnnQbQCE.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './move-DnSsXmCn.mjs';
-import './shallowequal-B7epstpr.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
-import './media-SggCY0jL.mjs';
-import './media-_NDkNIvH.mjs';
-import './index--iRd5AYr.mjs';
+import './move-DCvQW68K.mjs';
+import './shallowequal-CJsWvZb3.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
+import './media-Cj7oyS0P.mjs';
+import './media-CiMHc-Ka.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
@@ -1,9 +1,9 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-BqU65gSW.mjs';
+import { _ as _sfc_main$1 } from './index-CLLi1wDe.mjs';
 import 'swiper/vue';
 import 'swiper/modules';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import 'pinia';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -29,24 +29,24 @@ import 'stylis';
 import 'vue-types';
 import '@ant-design/icons-vue';
 import 'unhead/utils';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './BaseDatePicker-Dkf-M4Yl.mjs';
+import './BaseDatePicker-D3_e-ycp.mjs';
 import 'moment-jalaali';
 import 'dayjalali';
-import './index-D1gzz96y.mjs';
-import './index-Bpb_QU26.mjs';
+import './index-CnnQbQCE.mjs';
+import './index-DN2Eqyc3.mjs';
 import 'dom-align';
 import './useMergedState-BZEfJ8Fl.mjs';
-import './move-DnSsXmCn.mjs';
-import './shallowequal-B7epstpr.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './index-DgsBGZQx.mjs';
-import './media-SggCY0jL.mjs';
-import './media-_NDkNIvH.mjs';
-import './index--iRd5AYr.mjs';
+import './move-DCvQW68K.mjs';
+import './shallowequal-CJsWvZb3.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './index-BTlbWWOl.mjs';
+import './media-Cj7oyS0P.mjs';
+import './media-CiMHc-Ka.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
-import './FormItem-BWqqFUsd.mjs';
+import './FormItem-Uo-Qw9vC.mjs';
 import 'lodash-es/cloneDeep.js';
 import 'async-validator';
 import 'lodash-es/find.js';
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-DwMtcM9r.mjs';
-import './CropperModal-DVoUZ6Yp.mjs';
-import './BasicButton-CNera6n7.mjs';
+import { _ as _sfc_main$1 } from './index-BNjxpfBc.mjs';
+import './CropperModal-Bf6YuAAD.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import '@ant-design/icons-vue';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -28,19 +28,19 @@ import '@ctrl/tinycolor';
 import 'stylis';
 import 'vue-types';
 import 'unhead/utils';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'vue-advanced-cropper';
 import './close_light-DbrEdRZI.mjs';
 import '@capacitor/camera';
 import '@capacitor/core';
-import './product-C4ZOggJK.mjs';
+import './product-CMP8dkW4.mjs';
 import './post_loading-CMOcYm9B.mjs';
-import './RadioButton-DtosQeeY.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './Checkbox-CXZ3hvS2.mjs';
+import './RadioButton-CE-ccpG2.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './Checkbox-BqbMrYFp.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "inputProduct",
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-BTYgBepI.mjs';
-import './CropperModal-DVoUZ6Yp.mjs';
-import './BasicButton-CNera6n7.mjs';
+import { _ as _sfc_main$1 } from './index-Bx09Pcrt.mjs';
+import './CropperModal-Bf6YuAAD.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import '@ant-design/icons-vue';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -28,16 +28,16 @@ import '@ctrl/tinycolor';
 import 'stylis';
 import 'vue-types';
 import 'unhead/utils';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'vue-advanced-cropper';
 import './close_light-DbrEdRZI.mjs';
-import './product-C4ZOggJK.mjs';
-import './RadioButton-DtosQeeY.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './Checkbox-CXZ3hvS2.mjs';
+import './product-CMP8dkW4.mjs';
+import './RadioButton-CE-ccpG2.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './Checkbox-BqbMrYFp.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "inputStory",
@@ -1,8 +1,8 @@
 import { defineComponent, useSSRContext } from 'vue';
 import { ssrRenderComponent } from 'vue/server-renderer';
-import { _ as _sfc_main$1 } from './index-BTYgBepI.mjs';
-import './CropperModal-DVoUZ6Yp.mjs';
-import './BasicButton-CNera6n7.mjs';
+import { _ as _sfc_main$1 } from './index-Bx09Pcrt.mjs';
+import './CropperModal-Bf6YuAAD.mjs';
+import './BasicButton-7YIRCRg8.mjs';
 import '@ant-design/icons-vue';
 import './server.mjs';
 import '../nitro/nitro.mjs';
@@ -28,16 +28,16 @@ import '@ctrl/tinycolor';
 import 'stylis';
 import 'vue-types';
 import 'unhead/utils';
-import './BasicIconOld-93vAWohq.mjs';
+import './BasicIconOld-Booq7UXp.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
-import './index--iRd5AYr.mjs';
+import './index-CO_xVqO1.mjs';
 import 'throttle-debounce';
 import 'vue-advanced-cropper';
 import './close_light-DbrEdRZI.mjs';
-import './product-C4ZOggJK.mjs';
-import './RadioButton-DtosQeeY.mjs';
-import './FormItemContext-p68sljID.mjs';
-import './Checkbox-CXZ3hvS2.mjs';
+import './product-CMP8dkW4.mjs';
+import './RadioButton-CE-ccpG2.mjs';
+import './FormItemContext-DTpHAXaY.mjs';
+import './Checkbox-BqbMrYFp.mjs';

 const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "inputStory",
@@ -1,12 +1,12 @@
-import { defineComponent, computed, ref, unref, mergeProps, useSSRContext } from 'vue';
+import { defineComponent, computed, ref, mergeProps, unref, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderClass, ssrInterpolate, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import { u as useRouter$1, a as useConfigStore, b as useUserStore, m as useIntersectionObserver } from './server.mjs';
-import { S as SearchButton } from './SearchButton-Di7gsVns.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { g as getTimeLabel } from './useDateTime-D8RCoGwW.mjs';
+import { S as SearchButton } from './SearchButton-bvprDE_g.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { g as getTimeLabel } from './useDateTime-iTLoRLEX.mjs';
 import { orderBy } from 'lodash-es';
-import { u as useChatStore } from './chatStore-BJSpEec0.mjs';
+import { u as useChatStore } from './chatStore-BbUUbB13.mjs';
 import './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import '../nitro/nitro.mjs';
 import 'node:http';
@@ -86,12 +86,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
      }
    });
    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(_attrs)}><div class="${ssrRenderClass([" fixed w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"><div class="px-4 flex items-center justify-between"><div class="flex gap-5 py-4">`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-screen sm:w-50vw sm:justify-self-center" }, _attrs))}><div class="${ssrRenderClass([" sticky w-full top-0 z-2", !unref(config).isNightStore ? "bg-header-color" : "bg-header-color-dark "])}"><div class="px-4 flex items-center justify-between"><div class="flex gap-5 py-4">`);
      _push(ssrRenderComponent(BasicIconOld, {
        icon: unref(config).isRTL ? "vuesax-linear:arrow-right" : "vuesax-linear:arrow-left",
        onClick: ($event) => unref(router).back()
      }, null, _parent));
-      _push(`<div class="font-semibold">${ssrInterpolate(unref(userStore).user?.name)}</div></div><div></div></div></div><div class="absolute top-4rem w-full px4">`);
+      _push(`<div class="font-semibold">${ssrInterpolate(unref(userStore).user?.name)}</div></div><div></div></div></div><div class="top-4rem w-full px4">`);
      _push(ssrRenderComponent(SearchButton, null, null, _parent));
      _push(`<div class="h-88vh mt-2 w-full"><!--[-->`);
      ssrRenderList(sortedChat.value, (item) => {
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { a as getStories, i as isStoryInLocalSeen } from './media-_NDkNIvH.mjs';
+import { a as getStories, i as isStoryInLocalSeen } from './media-CiMHc-Ka.mjs';
 import { ref } from 'vue';
 import { groupBy } from 'lodash-es';
 import { aA as getProducts } from './server.mjs';
@@ -1,25 +1,25 @@
 import { defineComponent, ref, watch, mergeProps, withCtx, unref, createVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, withModifiers, createCommentVNode, withDirectives, vShow, nextTick, reactive, computed, inject, resolveDirective, shallowRef, watchEffect, provide, toRef, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderList, ssrRenderStyle, ssrRenderAttrs, ssrRenderAttr, ssrGetDirectiveProps } from 'vue/server-renderer';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrRenderStyle, ssrRenderAttr, ssrGetDirectiveProps } from 'vue/server-renderer';
 import { u as useRouter$1, a as useConfigStore, aj as supabaseService, b as useUserStore, N as myAxios, m as useIntersectionObserver, n as getToken, ak as baseConfirm, d as api$1, q as useElementSize, al as deleteProductById, s as supabase, am as onLongPress, an as onClickOutside, z as useConfigInject, E as omit, A as classNames, B as genComponentStyleHook, ab as flattenChildren, aa as getOptionProps, Q as initDefaultProps, P as PropTypes, ao as anyType, J as resetComponent, ap as textEllipsis, aq as KeyCode, I as arrayType, a9 as objectType, ar as tuple } from './server.mjs';
-import { B as BasicSheet } from './index-x7G4qpPf.mjs';
-import { U as UserProfilePic } from './UserProfilePic-XzJNxY0K.mjs';
-import { B as BasicButton } from './BasicButton-CNera6n7.mjs';
-import { B as BasicIconOld } from './BasicIconOld-93vAWohq.mjs';
+import { B as BasicSheet } from './index-zsqPNrGJ.mjs';
+import { U as UserProfilePic } from './UserProfilePic-CSSFM-Xe.mjs';
+import { B as BasicButton } from './BasicButton-7YIRCRg8.mjs';
+import { B as BasicIconOld } from './BasicIconOld-Booq7UXp.mjs';
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import { T as Trigger } from './index-Bpb_QU26.mjs';
-import { u as useProvideOverride, M as Menu, _ as __nuxt_component_1$1 } from './index-CGkJdmtz.mjs';
-import { S as Spin } from './index--iRd5AYr.mjs';
-import { a as antInput } from './index-xCOPbDMH.mjs';
-import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-p68sljID.mjs';
-import { g as getMergedStatus, a as getStatusClassNames, i as initInputToken, b as genBasicInputStyle, c as genStatusStyle, d as genPlaceholderStyle, e as genActiveStyle, f as genDisabledStyle } from './index-DgsBGZQx.mjs';
-import { a as formatTimeShort } from './useDateTime-D8RCoGwW.mjs';
+import { T as Trigger } from './index-DN2Eqyc3.mjs';
+import { u as useProvideOverride, M as Menu, _ as __nuxt_component_1$1 } from './index-CQMiaHEh.mjs';
+import { S as Spin } from './index-CO_xVqO1.mjs';
+import { a as antInput } from './index-D4HrLPqa.mjs';
+import { u as useInjectFormItemContext, F as FormItemInputContext } from './FormItemContext-DTpHAXaY.mjs';
+import { g as getMergedStatus, a as getStatusClassNames, i as initInputToken, b as genBasicInputStyle, c as genStatusStyle, d as genPlaceholderStyle, e as genActiveStyle, f as genDisabledStyle } from './index-BTlbWWOl.mjs';
+import { a as formatTimeShort } from './useDateTime-iTLoRLEX.mjs';
 import { e as empty_user } from './empty_user-DSxcM_ac.mjs';
-import { _ as _sfc_main$8 } from './like-BhIOg3YL.mjs';
-import { _ as __nuxt_component_1 } from './index-Cq494RwS.mjs';
+import { _ as _sfc_main$8 } from './like-D4L8S2C_.mjs';
+import { _ as __nuxt_component_1 } from './index-Dt1yGoIP.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import { ContentLoader } from 'vue-content-loader';
-import { u as useProductStore } from './product-C4ZOggJK.mjs';
+import { u as useProductStore } from './product-CMP8dkW4.mjs';

 function getBeforeSelectionText(input) {
  const {
@@ -2296,4 +2296,4 @@ _sfc_main.setup = (props, ctx) => {
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };

-export { CommentAddEdit as C, _sfc_main as _, _sfc_main$7 as a, _sfc_main$5 as b, createPostLike as c, deletePostLike as d, _sfc_main$6 as e };
+export { CommentAddEdit as C, _sfc_main as _, _sfc_main$5 as a, _sfc_main$7 as b, createPostLike as c, deletePostLike as d, _sfc_main$6 as e };
--- a/Show More
+++ b/Show More