@unsource/ui 2.7.18 → 2.8.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "2.7.18",
+  "version": "2.8.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/UnModal/PaymentMethod.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/PaymentMethod.vue

@@ -0,0 +1,26 @@
+<template>
+  <UnModal
+    head="روش پرداخت"
+    @close="emit('close')"
+  >
+    <UnPaymentMethods
+      v-model="selectedPayment"
+      v-model:method="selectedMethod"
+      :gateway-filter="() => true"
+      :wallets-filter="() => false"
+    />
+    <UnButton
+      class="sticky bottom-0"
+      variant="primary-fill"
+      :label="$t('\u062A\u0627\u06CC\u06CC\u062F')"
+      :disable="!selectedMethod?.id"
+      @click="$emit('submit')"
+    />
+  </UnModal>
+</template>
+
+<script setup>
+const emit = defineEmits(["close"]);
+const selectedPayment = defineModel();
+const selectedMethod = defineModel("method");
+</script>

package/dist/runtime/components/UnModal/PaymentMethod.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/Transfer.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/Transfer.vue

@@ -0,0 +1,117 @@
+<template>
+  <UnModal
+    head="انتقال وجه"
+    class="!z-80"
+    @close="emit('close')"
+  >
+    <UnFormList
+      ref="schema"
+      v-model="form"
+      :items="items"
+      :errors
+    />
+    <UnNuxtIcon
+      v-show="loadingUser"
+      name="loading"
+      icon-type="svg"
+      class="text-2xl"
+    />
+    <p v-if="toUser">
+      {{ toUser.profile?.firstName || "" }} {{ toUser.profile?.lastName || "" }}
+    </p>
+    <UnNumberInput
+      v-model="amount"
+      :max="wallet?.balance"
+    />
+    <UnButton
+      variant="primary-fill"
+      label="انتقال"
+      :disable="!toUser"
+      :loading="loadingUser || loading"
+      @click="submit"
+    />
+  </UnModal>
+</template>
+
+<script setup>
+import {
+  _cloneDeep,
+  _debounce,
+  ajv,
+  computed,
+  s2n,
+  submitPayment,
+  useGet,
+  useNuxtApp,
+  useWallets,
+  watch
+} from "#imports";
+const emit = defineEmits(["close"]);
+const wallets = await useWallets(true);
+const amount = ref("0");
+const wallet = computed(() => wallets.value.find((e) => e.coin.unit === "wallet"));
+const schema = ref();
+const { $toast } = useNuxtApp();
+const loading = ref(false);
+const form = ref({});
+const errors = ref([]);
+const toUser = ref(null);
+const items = computed(() => [
+  {
+    priority: 0,
+    required: true,
+    input: {
+      key: "phoneNumber",
+      title: "\u0634\u0645\u0627\u0631\u0647 \u062A\u0644\u0641\u0646 \u0645\u0642\u0635\u062F",
+      type: "text",
+      keyboadType: "numeric"
+    }
+  }
+]);
+const submit = async () => {
+  const isConfirm = confirm("\u0622\u06CC\u0627 \u0645\u0637\u0645\u0639\u0646 \u0647\u0633\u062A\u06CC\u062F\u061F");
+  if (!isConfirm) return;
+  if (!toUser.value) return;
+  if (!ajv.validate(schema.value.schema, form.value)) {
+    errors.value = _cloneDeep(ajv.errors?.map((e) => e.params.missingProperty || e.instancePath.replace(/^\//, "")));
+    return $toast.error("\u0644\u0637\u0641\u0627 \u0645\u0648\u0627\u0631\u062F \u0631\u0627 \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u062A\u06A9\u0645\u06CC\u0644 \u0646\u0645\u0627\u06CC\u06CC\u062F.");
+  }
+  if (loading.value) return;
+  loading.value = true;
+  const w = await useWallets(void 0, toUser.value?.id);
+  const details = {
+    walletId: wallet.value.id,
+    toWalletId: w.value?.find((e) => e.coin.unit === "wallet").id,
+    status: "ACCEPTED",
+    type: "TRANSFER",
+    redirectUrl: window.urlPrefix + location.href,
+    amount: Number(s2n(amount.value))
+  };
+  const res = await submitPayment(0, details, void 0, false);
+  if (res) {
+    emit("close");
+  }
+  loading.value = false;
+};
+const loadingUser = ref(false);
+watch(() => form.value.phoneNumber, _debounce(async (phoneNumber) => {
+  toUser.value = null;
+  if (phoneNumber?.length === 11) {
+    loadingUser.value = true;
+    const { result } = await useGet(`/User/phoneNumber/${phoneNumber}`, {
+      params: {
+        "$i.profile": true
+      },
+      headers: {
+        "no-error": true
+      }
+    });
+    if (!result) {
+      loadingUser.value = false;
+      return $toast.error("\u06A9\u0627\u0631\u0628\u0631\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F");
+    }
+    toUser.value = result;
+    loadingUser.value = false;
+  }
+}, 500));
+</script>

package/dist/runtime/components/UnModal/Transfer.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/WalletIncrease.d.vue.ts

@@ -0,0 +1,7 @@
+import type { Wallet } from '../../types/models.js';
+type __VLS_Props = {
+    wallet: Wallet;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/WalletIncrease.vue

@@ -0,0 +1,53 @@
+<template>
+  <UnModal
+    head="افزایش اعتبار"
+    @close="emit('close')"
+  >
+    <p class="text-gray-500 text-sm">
+      {{ $t("\u0645\u0628\u0644\u063A \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F") }}
+    </p>
+    <UnNumberInput v-model="depositAmount" />
+    <UnButton
+      class="sticky bottom-0"
+      variant="primary-fill"
+      :label="$t('\u067E\u0631\u062F\u0627\u062E\u062A')"
+      :loading="loading"
+      @click="paymentMethodModal = true"
+    />
+    <UnModalPaymentMethod
+      v-show="paymentMethodModal"
+      v-model:method="selectedMethod"
+      v-model="selectedPayment"
+      class="z-51"
+      @submit="deposit"
+      @close="paymentMethodModal = false"
+    />
+  </UnModal>
+</template>
+
+<script setup>
+import { s2n, submitPayment } from "#imports";
+const { wallet } = defineProps({
+  wallet: { type: Object, required: true }
+});
+const paymentMethodModal = ref(false);
+const selectedPayment = ref(0);
+const selectedMethod = ref();
+const emit = defineEmits(["close"]);
+const loading = ref(false);
+const deposit = async () => {
+  if (loading.value) return;
+  loading.value = true;
+  const details = {
+    walletId: wallet.id,
+    gatewayId: selectedMethod.value?.id,
+    status: "PENDING",
+    type: "DEPOSIT",
+    redirectUrl: window.urlPrefix + location.href,
+    amount: Number(s2n(depositAmount.value))
+  };
+  await submitPayment(0, details, void 0, true).catch(() => loading.value = false);
+  loading.value = false;
+};
+const depositAmount = ref("10,000");
+</script>

package/dist/runtime/components/UnModal/WalletIncrease.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Wallet } from '../../types/models.js';
+type __VLS_Props = {
+    wallet: Wallet;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/WalletSelection.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/WalletSelection.vue

@@ -0,0 +1,26 @@
+<template>
+  <UnModal
+    head="کیف پول ها"
+    @close="emit('close')"
+  >
+    <UnPaymentMethods
+      v-model="selectedPayment"
+      v-model:method="selectedMethod"
+      :gateway-filter="() => false"
+      :wallets-filter="() => true"
+    />
+    <UnButton
+      class="sticky bottom-0"
+      variant="primary-fill"
+      :label="$t('\u062A\u0627\u06CC\u06CC\u062F')"
+      :disable="!selectedMethod?.id"
+      @click="$emit('submit')"
+    />
+  </UnModal>
+</template>
+
+<script setup>
+const emit = defineEmits(["close"]);
+const selectedPayment = defineModel();
+const selectedMethod = defineModel("method");
+</script>

package/dist/runtime/components/UnModal/WalletSelection.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/Withdrawal.d.vue.ts

@@ -0,0 +1,7 @@
+import type { Wallet } from '../../types/models.js';
+type __VLS_Props = {
+    wallet: Wallet;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal/Withdrawal.vue

@@ -0,0 +1,66 @@
+<template>
+  <UnModal
+    head="درخواست برداشت"
+    @close="emit('close')"
+  >
+    <UnForm
+      ref="formRef"
+      v-model="form"
+      name="withdrawal"
+      :options="inputOptions"
+    />
+    <UnButton
+      class="sticky bottom-0"
+      variant="primary-fill"
+      :label="$t('\u062B\u0628\u062A')"
+      :loading="loading"
+      @click="submitWithdrawal"
+    />
+  </UnModal>
+</template>
+
+<script setup>
+import { saveWithdraw } from "../../composables/services";
+import { computed, navigateTo, useNuxtApp, useTemplateRef } from "#imports";
+const { wallet } = defineProps({
+  wallet: { type: Object, required: true }
+});
+const emit = defineEmits(["close"]);
+const { $toast } = useNuxtApp();
+const loading = ref(false);
+const form = ref({});
+const formRef = useTemplateRef("formRef");
+const inputOptions = computed(() => ({
+  branchKey: {
+    required: !wallet.coin?.isFiat,
+    activatedBy: wallet.coin?.isFiat ? "test" : null
+  },
+  amount: {
+    append: wallet.coin?.isFiat ? "\u062A\u0648\u0645\u0627\u0646" : wallet.coin?.unit,
+    description: `\u0645\u0648\u062C\u0648\u062F\u06CC : ${wallet.balance?.toLocaleString("en") || 0} ${wallet.coin?.isFiat ? "\u062A\u0648\u0645\u0627\u0646" : wallet.coin?.unit}`,
+    hint: `\u062D\u062F\u0627\u0642\u0644 \u0645\u0642\u062F\u0627\u0631 \u0628\u0631\u062F\u0627\u0634\u062A: ${wallet.coin?.minWithdraw?.toLocaleString("en") || 0} ${wallet.coin?.isFiat ? "\u062A\u0648\u0645\u0627\u0646" : wallet.coin?.unit}`,
+    min: wallet.coin?.minWithdraw,
+    max: wallet.balance
+  }
+}));
+const submitWithdrawal = async () => {
+  if (await formRef.value?.validate()) return;
+  if (loading.value) return;
+  if (wallet.balance < form.value?.amount) return $toast.error("\u0645\u0648\u062C\u0648\u062F\u06CC \u06A9\u0627\u0641\u06CC \u0646\u06CC\u0633\u062A.");
+  loading.value = true;
+  const res = await saveWithdraw(
+    {
+      amount: form.value?.amount,
+      status: "PENDING",
+      walletId: wallet.id,
+      userId: wallet.userId,
+      branchKey: form.value?.branchKey
+    }
+  );
+  if (res) {
+    $toast.success("\u062F\u0631\u062E\u0648\u0627\u0633\u062A \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u062B\u0628\u062A \u0634\u062F.");
+    await navigateTo({ name: "requests" });
+  }
+  loading.value = false;
+};
+</script>

package/dist/runtime/components/UnModal/Withdrawal.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Wallet } from '../../types/models.js';
+type __VLS_Props = {
+    wallet: Wallet;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnModal.d.vue.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    head?: string;
+    title?: string;
+    mini?: boolean;
+    collapsable?: boolean;
+    noBackdrop?: boolean;
+};
+declare const __VLS_defaultModels: {
+    modelValue: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: typeof __VLS_defaultModels['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    modal: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnModal.vue

@@ -0,0 +1,60 @@
+<template>
+  <div
+    ref="modal"
+    class="flex flex-col items-stretch justify-end bg-gray-500 w-full max-w-120 <md:(max-w-unset left-0 translate-x-0) h-full fixed bottom-0 left-1/2 transform -translate-x-1/2 z-50"
+    :class="[noBackdrop ? 'bg-op-0' : 'bg-op-20', { ' backdrop-blur-[2px]': !collapsable }]"
+    @click.self="emit('close')"
+  >
+    <div
+      class="flex flex-col gap-6 bg-primary-100 rounded-t-xl max-h-9.5/10 w-full px-3"
+      :class="[collapsable ? 'pt-2 pb-4' : 'py-4']"
+    >
+      <UnNuxtIcon
+        v-if="collapsable"
+        :name="collapse ? 'solar:alt-arrow-down-line-duotone' : 'solar:alt-arrow-up-line-duotone'"
+        class="self-center text-(3xl primary-500) cursor-pointer"
+        @click="toggleCollapse"
+      />
+      <div
+        v-show="!collapsable"
+        class="flex flex-col gap-1"
+      >
+        <div class="flex items-center justify-between">
+          <p class="font-semibold text-(lg gray-600) flex gap-3 items-center">
+            {{ head }}
+            <slot name="title" />
+          </p>
+          <UnNuxtIcon
+            name="solar:close-circle-line-duotone"
+            class="text-2xl cursor-pointer"
+            @click="emit('close')"
+          />
+        </div>
+        <p
+          v-if="title"
+          class="text-(sm gray-600)"
+        >
+          {{ title }}
+        </p>
+      </div>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  head: { type: String, required: false },
+  title: { type: String, required: false },
+  mini: { type: Boolean, required: false },
+  collapsable: { type: Boolean, required: false },
+  noBackdrop: { type: Boolean, required: false }
+});
+const emit = defineEmits(["close", "collapse"]);
+const collapse = defineModel({ default: false });
+const toggleCollapse = () => {
+  collapse.value = !collapse.value;
+};
+const modal = ref();
+defineExpose({ modal });
+</script>

package/dist/runtime/components/UnModal.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    head?: string;
+    title?: string;
+    mini?: boolean;
+    collapsable?: boolean;
+    noBackdrop?: boolean;
+};
+declare const __VLS_defaultModels: {
+    modelValue: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: typeof __VLS_defaultModels['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    modal: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnNumberInput.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label?: string;
+    max?: number;
+    min?: number;
+    step?: number;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnNumberInput.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="flex flex-wrap items-center gap-1 pt-1 px-1">
+    <p
+      v-if="label"
+      class="basis-full -mb-2"
+    >
+      {{ label }}
+    </p>
+    <UnNuxtIcon
+      name="solar:add-circle-bold-duotone"
+      class="text-3xl text-primary-500 cursor-pointer "
+      @click.prevent.stop="increment(_min([step, remain]))"
+    />
+    <UnInput
+      v-model="amount"
+      class="grow h-10"
+      class-name="border-none rounded-2xl bg-bg children:(text-center)"
+      @update:model-value="handler"
+    />
+    <UnNuxtIcon
+      name="solar:minus-circle-line-duotone"
+      class="text-3xl text-primary-500 cursor-pointer"
+      @click.prevent.stop="increment(-step)"
+    />
+  </div>
+</template>
+
+<script setup>
+import { _min, computed, s2n, toLocal } from "#imports";
+const { max = 999999999, min = 0, step = 1e3 } = defineProps({
+  label: { type: String, required: false },
+  max: { type: Number, required: false },
+  min: { type: Number, required: false },
+  step: { type: Number, required: false }
+});
+const amount = defineModel({ type: [String, Number] });
+const remain = computed(() => max - Number(s2n(amount.value)));
+const increment = (e) => {
+  console.log(e);
+  if (e < 0 && Number(s2n(amount.value)) <= Math.abs(e)) {
+    amount.value = "0";
+  } else {
+    amount.value = toLocal(Number(s2n(amount.value)) + e, 0);
+  }
+};
+const handler = (e) => {
+  if (Number(s2n(amount.value)) < min) {
+    amount.value = min;
+  } else if (Number(s2n(amount.value)) > max) {
+    amount.value = toLocal(max, 0);
+  } else {
+    amount.value = toLocal(e, 0);
+  }
+};
+</script>

package/dist/runtime/components/UnNumberInput.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label?: string;
+    max?: number;
+    min?: number;
+    step?: number;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnPaymentMethods.d.vue.ts

@@ -0,0 +1,20 @@
+import type { CoinGateway, Wallet } from '../types/models.js';
+type __VLS_Props = {
+    gatewayFilter?: (item: CoinGateway, i: number) => boolean;
+    walletsFilter?: (item: Wallet, i: number) => boolean;
+    walletsDisable?: (item: Wallet, i: number) => boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+    "update:method": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:method"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnPaymentMethods.vue

@@ -0,0 +1,48 @@
+<template>
+  <UnSelect
+    v-model="selectedPayment"
+    :custom-class="{ innerWrapper: '<md:(!max-h-unset bg-white !pb-0 !border-(1 solid transparent))' }"
+    value-key="value"
+    light
+    class="z-1 grow-1 shrink-0"
+    inline
+    :items="deliverPayments"
+  />
+</template>
+
+<script setup>
+import { _ceil, computed, useGateways, useWallets, watch } from "#imports";
+const { gatewayFilter, walletsFilter, walletsDisable } = defineProps({
+  gatewayFilter: { type: Function, required: false },
+  walletsFilter: { type: Function, required: false },
+  walletsDisable: { type: Function, required: false }
+});
+const wallets = await useWallets(true);
+const gateways = await useGateways(true);
+const selectedPayment = defineModel();
+const selectedMethod = defineModel("method");
+const deliverPayments = computed(() => [
+  ...gateways.filter((e, i) => gatewayFilter?.(e, i) ?? true).map((e, index) => ({
+    ...e,
+    avatar: e.gateway?.icon,
+    title: e.gateway?.label,
+    // description: e.gateway?.label,
+    value: index,
+    type: "gateway"
+  })),
+  ...wallets.value.filter((e, i) => walletsFilter?.(e, i) ?? true).map((e, index) => ({
+    ...e,
+    avatar: e.coin?.icon,
+    title: e.coin?.name,
+    unit: e.coin?.unit,
+    description: ["\u0645\u0627\u0646\u062F\u0647:", _ceil(e.balance || 0, e.coin?.precision || 0)?.toLocaleString("en"), e.coin?.isFiat ? "\u062A\u0648\u0645\u0627\u0646" : e.coin?.unit].join(" "),
+    value: gateways.filter((e2, i) => gatewayFilter?.(e2, i) ?? true)?.length + index,
+    type: "wallet"
+  })).map((e, i) => ({ ...e, disable: walletsDisable?.(e, i) }))
+]);
+watch(selectedPayment, () => {
+  selectedMethod.value = deliverPayments.value[selectedPayment.value] || deliverPayments.value[0];
+}, {
+  immediate: true
+});
+</script>

package/dist/runtime/components/UnPaymentMethods.vue.d.ts

@@ -0,0 +1,20 @@
+import type { CoinGateway, Wallet } from '../types/models.js';
+type __VLS_Props = {
+    gatewayFilter?: (item: CoinGateway, i: number) => boolean;
+    walletsFilter?: (item: Wallet, i: number) => boolean;
+    walletsDisable?: (item: Wallet, i: number) => boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+    'method'?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+    "update:method": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:method"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnTransaction.d.vue.ts

@@ -0,0 +1,8 @@
+import type { Transaction } from '../types/models.js';
+type __VLS_Props = {
+    transaction: Transaction;
+    titleKey?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnTransaction.vue

@@ -0,0 +1,83 @@
+<template>
+  <UnCard
+    :item="{
+  avatar: statusIcon,
+  description: Title
+}"
+    :custom-class="{ title: '!text-sm', description: '!font-bold !text-gray-400', body: '!items-center', avatar: `!w-10 !h-10 !border-none ${statusVariant}` }"
+  >
+    <template #title>
+      <p
+        v-if="isProviderSide(config)"
+        class="font-bold"
+      >
+        {{ transaction.status === "SETTLED" ? "\u062A\u0633\u0648\u06CC\u0647 \u0634\u062F\u0647" : "\u062A\u0633\u0648\u06CC\u0647 \u0646\u0634\u062F\u0647" }}
+      </p>
+      <p
+        v-else
+        class="font-bold"
+      >
+        {{ _get(transaction, titleKey) || titleType[transaction.type] }}
+        {{ ["REJECTED", "FAILED"].includes(transaction.status) ? "(\u0646\u0627\u0645\u0648\u0641\u0642)" : "" }}
+      </p>
+      <p class="font-bold">
+        {{ transaction.amount?.toLocaleString("en") }} {{ $t("\u062A\u0648\u0645\u0627\u0646") }}
+      </p>
+    </template>
+    <template #bodyEnd>
+      <p class="text-gray-400 text-sm">
+        {{ moment(transaction.createdAt).locale("fa").format("jDD jMMMM jYYYY \u0633\u0627\u0639\u062A H:mm ") }}
+      </p>
+    </template>
+  </UnCard>
+</template>
+
+<script setup>
+import { _get, computed, isProviderSide, moment, useConfig, useUserId } from "#imports";
+const config = useConfig();
+const { titleKey = "booking.provider.fullName", transaction } = defineProps({
+  transaction: { type: Object, required: true },
+  titleKey: { type: String, required: false }
+});
+const userId = useUserId();
+const titleType = {
+  DEPOSIT: "\u0648\u0627\u0631\u06CC\u0632",
+  PAYMENT: "\u067E\u0631\u062F\u0627\u062E\u062A",
+  TRANSFER: "\u0627\u0646\u062A\u0642\u0627\u0644",
+  WITHDRAW: "\u0628\u0631\u062F\u0627\u0634\u062A"
+};
+const Title = computed(() => {
+  if (transaction.description) {
+    return transaction.description;
+  }
+  if (transaction.type === "DEPOSIT" && transaction.bookingId) {
+    return `\u0628\u0627\u0632\u06AF\u0634\u062A \u0648\u062C\u0647 (${transaction.wallet?.coin?.name})`;
+  }
+  if (transaction.type === "DEPOSIT" && transaction.walletId && transaction.gatewayId) {
+    return `\u0634\u0627\u0631\u0698 ${transaction.wallet?.coin?.name} (\u062F\u0631\u06AF\u0627\u0647 ${transaction.gateway?.gateway?.label})`;
+  }
+  if (transaction.type === "DEPOSIT" && transaction.userId !== userId.value) {
+    return `\u0627\u0639\u062A\u0628\u0627\u0631 \u0647\u062F\u06CC\u0647 (${transaction.wallet?.coin?.name})`;
+  }
+  if (transaction.type === "PAYMENT" && transaction.gateway?.gateway) {
+    return `\u067E\u0631\u062F\u0627\u062E\u062A \u0622\u0646\u0644\u0627\u06CC\u0646 (\u062F\u0631\u06AF\u0627\u0647 ${transaction.gateway?.gateway?.label})`;
+  }
+  if (transaction.type === "PAYMENT" && transaction.walletId) {
+    return `\u067E\u0631\u062F\u0627\u062E\u062A \u0627\u0632 ${transaction.wallet?.coin?.name}`;
+  }
+  if (transaction.type === "DEPOSIT" && transaction.walletId && transaction.wallet?.userId !== userId.value) {
+    return `\u0634\u0627\u0631\u0698 ${transaction.wallet?.coin?.name} ${transaction.wallet?.user?.profile?.firstName || ""} ${transaction.wallet?.user?.profile?.lastName || ""}`;
+  }
+  if (transaction.type === "DEPOSIT" && transaction.walletId) {
+    return `\u0634\u0627\u0631\u0698 ${transaction.wallet?.coin?.name}`;
+  }
+  if (transaction.type === "TRANSFER" && transaction.toWallet?.userId === userId.value) {
+    return `\u0634\u0627\u0631\u0698 ${transaction.wallet?.coin?.name} \u0627\u0632 \u0637\u0631\u0641 ${transaction.wallet?.user?.profile?.firstName || ""} ${transaction.wallet?.user?.profile?.lastName || ""}`;
+  }
+  if (transaction.type === "TRANSFER" && transaction.toWallet?.userId !== userId.value) {
+    return `\u0627\u0631\u0633\u0627\u0644 \u0634\u0627\u0631\u0698 ${transaction.wallet?.coin?.name} \u0628\u0647 ${transaction.toWallet?.user?.profile?.firstName || ""} ${transaction.toWallet?.user?.profile?.lastName || ""}`;
+  }
+});
+const statusVariant = computed(() => ["REJECTED", "FAILED"].includes(transaction.status) ? "text-danger" : transaction.type === "DEPOSIT" || transaction.type === "TRANSFER" && transaction.toWallet?.userId === userId.value ? "text-success" : "text-danger");
+const statusIcon = computed(() => ["REJECTED", "FAILED"].includes(transaction.status) ? "solar:danger-circle-bold-duotone" : transaction.type === "DEPOSIT" || transaction.type === "TRANSFER" && transaction.toWallet?.userId === userId.value ? "solar:import-bold-duotone" : "solar:export-bold-duotone");
+</script>

package/dist/runtime/components/UnTransaction.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Transaction } from '../types/models.js';
+type __VLS_Props = {
+    transaction: Transaction;
+    titleKey?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnWallet.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    multi?: boolean;
+    noWithdraw?: boolean;
+    noDeposit?: boolean;
+    noTransfer?: boolean;
+    trxQuery?: Record<string, string | number | boolean>;
+    trxTitleKey?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnWallet.vue

@@ -0,0 +1,150 @@
+<template>
+  <div class="flex flex-col gap-4 grow">
+    <UnTab
+      v-if="multi"
+      v-model="tab"
+      :items="tabs"
+      :custom-class="{ label: '[&.selected]:bg-transparent' }"
+    />
+    <div
+      v-else
+      class="mt-2 relative bg-white rounded-2xl py-4 flex flex-col items-center font-bold text-lg text-center text-primary-500"
+    >
+      <UnNuxtIcon
+        name="solar:refresh-circle-bold-duotone"
+        class="!absolute right-4 top-4 text-primary-500 cursor-pointer"
+        @click="showWalletModal = true"
+      />
+      <p>
+        {{ $t("\u0627\u0639\u062A\u0628\u0627\u0631") + " " + selectedWallet?.coin?.name }}:
+      </p>
+      <p>
+        {{ _round(selectedWallet?.balance || 0, selectedWallet?.coin?.precision || 0)?.toLocaleString("en") }}
+        {{ $t("\u062A\u0648\u0645\u0627\u0646") }}
+      </p>
+    </div>
+    <UnSelect
+      v-if="tab === 'wallet' && multi"
+      v-model="selectedWallet"
+      :custom-class="{ innerWrapper: '<md:(!max-h-unset bg-white !pb-0 !border-(1 solid transparent)' }"
+      inline
+      light
+      :items="mappedWallet"
+      class="z-1"
+    />
+    <template v-else>
+      <div class="flex items-center justify-between">
+        <UnSelect
+          v-model="filterWallet"
+          light
+          :custom-class="{ header: '!h-unset !px-2', radio: '!p-1 !px-3', radioItem: { card: 'grow-1', item: { body: '!p-1' } } }"
+          :items="[{ title: '\u0647\u0645\u0647 \u062A\u0631\u0627\u06A9\u0646\u0634 \u0647\u0627', id: null }, ...mappedWallet]"
+          value-key="id"
+        />
+        <!--        <TheChips label="تراکنش های کیف پول" prepend="solar:check-read-outline" -->
+        <!--                  :variant="onlyWallet ? 'secondary-fill' : 'secondary'" @click="toggleOnlyWallet"/> -->
+      </div>
+      <div class="relative grow">
+        <div
+          v-if="status === 'success' && filteredTransactions?.length"
+          class="children:shrink-0 absolute h-full w-full overflow-y-auto flex flex-col items-stretch grow gap-3"
+        >
+          <UnTransaction
+            v-for="transaction in filteredTransactions"
+            :key="transaction.id"
+            :title-key="trxTitleKey"
+            :transaction="transaction"
+          />
+        </div>
+      </div>
+    </template>
+    <UnWalletActions
+      v-if="selectedWallet?.id && tab === 'wallet'"
+      :selected-wallet="selectedWallet"
+      :no-deposit
+      :no-withdraw
+      :no-transfer
+      @withdraw="withdraw"
+      @transfer="transferModal = true"
+      @deposit="showModal = true"
+    />
+    <UnModalWalletIncrease
+      v-if="showModal && selectedWallet?.id"
+      :wallet="selectedWallet"
+      @close="showModal = false"
+    />
+    <UnModalTransfer
+      v-if="transferModal"
+      @close="transferModal = false;
+  refresh()"
+    />
+    <UnModalWithdrawal
+      v-if="withdrawalModal"
+      :wallet="selectedWallet"
+      @close="withdrawalModal = false"
+    />
+    <UnModalWalletSelection
+      v-if="!multi"
+      v-show="showWalletModal"
+      v-model="selectedWalletIndex"
+      v-model:method="selectedWallet"
+      @update:method="showWalletModal = false"
+      @close="showWalletModal = false"
+      @submit="showWalletModal = false"
+    />
+  </div>
+</template>
+
+<script setup>
+import { _ceil, _round, computed, useAsyncData, useNuxtApp, useUser, useWallets } from "#imports";
+import { getMyTransactions } from "../composables/services";
+const { multi = true, trxQuery = {} } = defineProps({
+  multi: { type: Boolean, required: false },
+  noWithdraw: { type: Boolean, required: false },
+  noDeposit: { type: Boolean, required: false },
+  noTransfer: { type: Boolean, required: false },
+  trxQuery: { type: Object, required: false },
+  trxTitleKey: { type: String, required: false }
+});
+const tabs = [
+  {
+    value: "wallet",
+    title: "\u06A9\u06CC\u0641 \u067E\u0648\u0644"
+  },
+  {
+    value: "transaction",
+    title: "\u062A\u0631\u0627\u06A9\u0646\u0634 \u0647\u0627"
+  }
+];
+const tab = ref("wallet");
+const filterWallet = ref(null);
+const wallets = await useWallets(true);
+const mappedWallet = computed(() => wallets.value.map((e) => ({
+  ...e,
+  icon: e.coin?.icon,
+  title: e.coin?.name,
+  unit: e.coin?.unit,
+  description: ["\u0645\u0627\u0646\u062F\u0647:", _ceil(e.balance || 0, e.coin?.precision || 0)?.toLocaleString("en"), e.coin?.isFiat ? "\u062A\u0648\u0645\u0627\u0646" : e.coin?.unit].join(" "),
+  type: "wallet"
+})));
+const selectedWalletIndex = ref(wallets.value[0]?.id);
+const selectedWallet = ref(mappedWallet.value[0]);
+const showModal = ref(false);
+const transferModal = ref(false);
+const withdrawalModal = ref(false);
+const showWalletModal = ref(false);
+const {
+  data: transactions,
+  status,
+  refresh
+} = useAsyncData("get-trxs", () => getMyTransactions(trxQuery));
+const user = useUser();
+const { $toast } = useNuxtApp();
+const withdraw = () => {
+  if (selectedWallet.value?.coin?.isFiat && (!user.value?.profile?.idCard || !user.value?.profile?.iban)) {
+    return $toast.error("\u062C\u0647\u062A \u062B\u0628\u062A \u0628\u0631\u062F\u0627\u0634\u062A \u0644\u0637\u0641\u0627 \u06A9\u062F\u0645\u0644\u06CC \u0648 \u0634\u0645\u0627\u0631\u0647 \u0634\u0628\u0627 \u0631\u0627 \u062F\u0631 \u062D\u0633\u0627\u0628 \u06A9\u0627\u0631\u0628\u0631\u06CC \u062A\u06A9\u0645\u06CC\u0644 \u0646\u0645\u0627\u06CC\u06CC\u062F.");
+  }
+  withdrawalModal.value = true;
+};
+const filteredTransactions = computed(() => transactions.value?.filter((e) => `${e.walletId} ${e.toWalletId}`.includes(filterWallet.value || "")));
+</script>

package/dist/runtime/components/UnWallet.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    multi?: boolean;
+    noWithdraw?: boolean;
+    noDeposit?: boolean;
+    noTransfer?: boolean;
+    trxQuery?: Record<string, string | number | boolean>;
+    trxTitleKey?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnWalletActions.d.vue.ts

@@ -0,0 +1,10 @@
+import type { Wallet } from '../types/wallet.js';
+type __VLS_Props = {
+    selectedWallet: Wallet | null;
+    noWithdraw?: boolean;
+    noDeposit?: boolean;
+    noTransfer?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnWalletActions.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="border-t-(1 solid border) flex flex-wrap children:grow-1 sticky bottom-0 mt-auto z-2 bg-white rounded-t-xl -mx-4 <md:-mx-3 px-4 py-3 gap-3">
+    <UnCard
+      :item="selectedWallet"
+      class="basis-full"
+    />
+    <UnButton
+      v-if="selectedWallet?.coin?.withdrawable && !noWithdraw"
+      variant="primary-fill"
+      class="basis-full"
+      label="برداشت"
+      @click="$emit('withdraw')"
+    />
+    <UnButton
+      v-if="selectedWallet?.coin?.transferable && !noTransfer"
+      variant="primary-fill"
+      label="انتقال"
+      @click="$emit('transfer')"
+    />
+    <UnButton
+      v-if="selectedWallet?.coin?.depositable && !noDeposit"
+      variant="primary-fill"
+      label="افزایش اعتبار"
+      @click="$emit('deposit')"
+    />
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  selectedWallet: { type: null, required: true },
+  noWithdraw: { type: Boolean, required: false },
+  noDeposit: { type: Boolean, required: false },
+  noTransfer: { type: Boolean, required: false }
+});
+defineEmits(["withdraw", "transfer", "deposit"]);
+</script>

package/dist/runtime/components/UnWalletActions.vue.d.ts

@@ -0,0 +1,10 @@
+import type { Wallet } from '../types/wallet.js';
+type __VLS_Props = {
+    selectedWallet: Wallet | null;
+    noWithdraw?: boolean;
+    noDeposit?: boolean;
+    noTransfer?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/global.js

@@ -10,6 +10,7 @@ import {
   navigateTo,
   onBeforeUnmount,
   ref,
+  useDevice,
   useGet,
   useNuxtApp,
   usePost,
@@ -213,9 +214,9 @@ export const useWallets = async (isActive = void 0, id = void 0) => {
   const { result: currentWallets } = await useGet("/wallet", {
     params: {
       "$w.userId": userId.value,
-      "$w.isActive": isActive,
-      "$i.coin.$i.gateways.$w.active": true,
-      "$i.coin.$i.gateways.$i.gateway": true
+      // '$w.isActive': isActive,
+      "$i.coin.$i.gateways.$w.active": isActive,
+      "$i.coin.$i.gateways.$i.gateway": isActive
     }
   });
   const { result: coins } = await useGet("/coin", { params: { "$w.walletable": true } });
@@ -225,14 +226,14 @@ export const useWallets = async (isActive = void 0, id = void 0) => {
     coinId: e.id,
     userId: userId.value
   })).filter((c) => !wallet.value?.find((w) => w.coinId === c.coinId));
-  if (wallets.length) {
+  if (wallets?.length) {
     await usePost("/wallet", wallets);
     const { result: w } = await useGet("/wallet", {
       params: {
         "$w.userId": userId.value,
-        "$i.coin.$i.gateways.$w.active": true,
-        "$i.coin.$i.gateways.$i.gateway": true,
-        "$w.isActive": isActive
+        "$i.coin.$i.gateways.$w.active": isActive,
+        "$i.coin.$i.gateways.$i.gateway": isActive
+        // '$w.isActive': isActive,
       }
     });
     wallet.value = w || [];
@@ -293,20 +294,27 @@ export const getDiscountInfo = async (code, shop = null) => {
 };
 export const submitPayment = async (amount, details = {}, giftCode = void 0, redirect = true) => {
   const userId = useUserId();
+  const { isIos } = useDevice();
   const { $toast } = useNuxtApp();
   const { result } = await usePost("/transaction", {
     amount,
     userId: userId.value || "",
     discountCode: giftCode,
     type: "PAYMENT",
-    redirectUrl: location.origin + "/verify",
+    redirectUrl: window.urlPrefix + location.origin + "/verify",
     ...details
   });
   console.log("here", result);
   if (redirect) {
     if (result?.paymentUrl) {
       $toast.success("\u062F\u0631\u062D\u0627\u0644 \u0627\u0646\u062A\u0642\u0627\u0644 \u0628\u0647 \u062F\u0631\u06AF\u0627\u0647 \u067E\u0631\u062F\u0627\u062E\u062A");
-      result && window.open(result?.paymentUrl, "_self");
+      if (result) {
+        if (isIos && window.urlPrefix) {
+          window.parent.location.href = result?.paymentUrl;
+        } else {
+          window.open(result?.paymentUrl, window.urlPrefix ? "_blank" : "_self");
+        }
+      }
     } else if (result?.id) {
       $toast.success("\u067E\u0631\u062F\u0627\u062E\u062A \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0646\u062C\u0627\u0645 \u0634\u062F.");
       navigateTo({ name: "verify", query: { txId: result.id } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "2.7.18",
+  "version": "2.8.0",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",