adata-ui 3.1.80 → 3.1.82

package/dist/runtime/components/payment/process/PaymentKaspiQrSidePanel.vue

@@ -95,55 +95,55 @@ watch(isOpen, async (value) => {
 </script>
 
 <template>
-  <adt-side-panel
-    v-model="isOpen"
-    :width="484"
-    :height-drawer="800"
-  >
-    <template #header>
-      <div class="flex items-center gap-2">
-        <button @click="onBack">
-          <i-chevron-left class="size-6" />
-        </button>
-        <p class="text-xl font-semibold">
-          {{ t("payment.kaspi.title") }}
-        </p>
-      </div>
-    </template>
-
-    <div class="flex flex-col gap-6">
-      <div class="flex flex-col items-center text-center text-black dark:text-white">
-        <p class="mb-4 font-semibold text-sm">
-          {{ t("payment.kaspi.description") }}
-        </p>
-
-        <div class="flex gap-3 items-center">
-          <i-kaspi-qr class="size-16" />
-          <span class="font-bold text-[44px]">
-            {{ t("payment.kaspi.qr") }}
-          </span>
-        </div>
-
-        <p class="mt-5 font-bold text-2xl">
-          {{ t("payment.kaspi.scan") }}
-        </p>
-
-        <canvas
-          id="kaspiQr"
-          class="mt-5"
-        />
-
-        <p class="mt-10 text-lg">
-          {{ t("payment.kaspi.adata") }}
-        </p>
-      </div>
-
-      <adt-button
-        view="outline"
-        @click="onBack"
-      >
-        {{ t("payment.kaspi.changeMethod") }}
-      </adt-button>
-    </div>
-  </adt-side-panel>
+  <adt-side-panel
+    v-model="isOpen"
+    :width="484"
+    :height-drawer="800"
+  >
+    <template #header>
+      <div class="flex items-center gap-2">
+        <button @click="onBack">
+          <i-chevron-left class="size-6" />
+        </button>
+        <p class="text-xl font-semibold">
+          {{ t("payment.kaspi.title") }}
+        </p>
+      </div>
+    </template>
+
+    <div class="flex flex-col gap-6">
+      <div class="flex flex-col items-center text-center text-black dark:text-white">
+        <p class="mb-4 font-semibold text-sm">
+          {{ t("payment.kaspi.description") }}
+        </p>
+
+        <div class="flex gap-3 items-center">
+          <i-kaspi-qr class="size-16" />
+          <span class="font-bold text-[44px]">
+            {{ t("payment.kaspi.qr") }}
+          </span>
+        </div>
+
+        <p class="mt-5 font-bold text-2xl">
+          {{ t("payment.kaspi.scan") }}
+        </p>
+
+        <canvas
+          id="kaspiQr"
+          class="mt-5"
+        />
+
+        <p class="mt-10 text-lg">
+          {{ t("payment.kaspi.adata") }}
+        </p>
+      </div>
+
+      <adt-button
+        view="outline"
+        @click="onBack"
+      >
+        {{ t("payment.kaspi.changeMethod") }}
+      </adt-button>
+    </div>
+  </adt-side-panel>
 </template>

package/dist/runtime/components/payment/process/PaymentKaspiRedirectSidePanel.vue

@@ -60,39 +60,39 @@ watch(isOpen, async (value) => {
 </script>
 
 <template>
-  <adt-side-panel
-    v-model="isOpen"
-    :width="484"
-    :height-drawer="800"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="text-center text-2xl font-bold whitespace-pre-wrap">
-        {{ t("payment.redirect.title") }}
-      </p>
-      <adt-button
-        block
-        @click="goKaspi"
-      >
-        {{ t("payment.redirect.goKaspi") }}
-      </adt-button>
-      <div class="flex flex-col gap-2">
-        <p class="text-center text-sm">
-          {{ t("payment.redirect.paymentId") }}
-        </p>
-        <p class="text-center text-xl	font-semibold">
-          {{ requestId }}
-        </p>
-      </div>
-      <p class="text-center text-sm">
-        {{ t("payment.redirect.description") }}
-      </p>
-      <adt-button
-        view="outline"
-        block
-        @click="onBack"
-      >
-        {{ t("payment.redirect.changeMethod") }}
-      </adt-button>
-    </div>
-  </adt-side-panel>
+  <adt-side-panel
+    v-model="isOpen"
+    :width="484"
+    :height-drawer="800"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-center text-2xl font-bold whitespace-pre-wrap">
+        {{ t("payment.redirect.title") }}
+      </p>
+      <adt-button
+        block
+        @click="goKaspi"
+      >
+        {{ t("payment.redirect.goKaspi") }}
+      </adt-button>
+      <div class="flex flex-col gap-2">
+        <p class="text-center text-sm">
+          {{ t("payment.redirect.paymentId") }}
+        </p>
+        <p class="text-center text-xl	font-semibold">
+          {{ requestId }}
+        </p>
+      </div>
+      <p class="text-center text-sm">
+        {{ t("payment.redirect.description") }}
+      </p>
+      <adt-button
+        view="outline"
+        block
+        @click="onBack"
+      >
+        {{ t("payment.redirect.changeMethod") }}
+      </adt-button>
+    </div>
+  </adt-side-panel>
 </template>

package/dist/runtime/components/payment/process/PaymentMethodSidePanel.vue

@@ -35,73 +35,73 @@ function onBack() {
 </script>
 
 <template>
-  <adt-side-panel
-    v-model="isOpen"
-    :width="484"
-    :height-drawer="600"
-  >
-    <template #header>
-      <div class="flex items-center gap-2">
-        <button @click="onBack">
-          <i-chevron-left class="size-6" />
-        </button>
-        <p class="text-xl font-semibold">
-          {{ t("payment.method.title") }}
-        </p>
-      </div>
-    </template>
-
-    <div class="flex flex-col gap-6">
-      <div class="flex flex-col items-center gap-4">
-        <ill-phone-check class="size-[120px]" />
-        <p class="text-center text-sm font-semibold">
-          {{ t("payment.method.description") }}
-        </p>
-      </div>
-
-      <div class="font-semibold">
-        {{ t("payment.method.note") }}
-      </div>
-
-      <div class="flex flex-col gap-2">
-        <adt-radio-button
-          v-for="(item) in cards"
-          :key="item.id"
-          v-model="checkbox"
-          :name="`${item.name}`"
-          side="right"
-          size="lg"
-          :value="item.id"
-          class="flex items-center justify-between gap-2 rounded-md bg-gray-50 p-[10px_16px] dark:bg-[#393D40]"
-        >
-          <div class="flex w-full items-center gap-2">
-            <component :is="item.img" />
-            <div class="flex w-full items-center justify-between">
-              {{ t(item.name) }}
-              <p class="body-600">
-                {{ Math.round(sum).toLocaleString("RU-ru") }} ₸
-              </p>
-            </div>
-          </div>
-        </adt-radio-button>
-      </div>
-
-      <div class="flex flex-col gap-2 ">
-        <adt-button
-          :disabled="!checkbox"
-          block
-          @click="confirm"
-        >
-          {{ t("actions.topUp") }}
-        </adt-button>
-        <adt-button
-          view="outline"
-          block
-          @click="cancel"
-        >
-          {{ t("actions.close") }}
-        </adt-button>
-      </div>
-    </div>
-  </adt-side-panel>
+  <adt-side-panel
+    v-model="isOpen"
+    :width="484"
+    :height-drawer="600"
+  >
+    <template #header>
+      <div class="flex items-center gap-2">
+        <button @click="onBack">
+          <i-chevron-left class="size-6" />
+        </button>
+        <p class="text-xl font-semibold">
+          {{ t("payment.method.title") }}
+        </p>
+      </div>
+    </template>
+
+    <div class="flex flex-col gap-6">
+      <div class="flex flex-col items-center gap-4">
+        <ill-phone-check class="size-[120px]" />
+        <p class="text-center text-sm font-semibold">
+          {{ t("payment.method.description") }}
+        </p>
+      </div>
+
+      <div class="font-semibold">
+        {{ t("payment.method.note") }}
+      </div>
+
+      <div class="flex flex-col gap-2">
+        <adt-radio-button
+          v-for="(item) in cards"
+          :key="item.id"
+          v-model="checkbox"
+          :name="`${item.name}`"
+          side="right"
+          size="lg"
+          :value="item.id"
+          class="flex items-center justify-between gap-2 rounded-md bg-gray-50 p-[10px_16px] dark:bg-[#393D40]"
+        >
+          <div class="flex w-full items-center gap-2">
+            <component :is="item.img" />
+            <div class="flex w-full items-center justify-between">
+              {{ t(item.name) }}
+              <p class="body-600">
+                {{ Math.round(sum).toLocaleString("RU-ru") }} ₸
+              </p>
+            </div>
+          </div>
+        </adt-radio-button>
+      </div>
+
+      <div class="flex flex-col gap-2 ">
+        <adt-button
+          :disabled="!checkbox"
+          block
+          @click="confirm"
+        >
+          {{ t("actions.topUp") }}
+        </adt-button>
+        <adt-button
+          view="outline"
+          block
+          @click="cancel"
+        >
+          {{ t("actions.close") }}
+        </adt-button>
+      </div>
+    </div>
+  </adt-side-panel>
 </template>

package/dist/runtime/components/payment/process/PaymentProcess.vue

@@ -83,30 +83,30 @@ async function updateUserRate() {
 </script>
 
 <template>
-  <payment-top-up-side-panel
-    v-model="topUpSidePanel"
-    @next="actionPayment"
-  />
-
-  <payment-method-side-panel
-    v-model="methodSidePanel"
-    :sum="paymentSum"
-    @back="onBack"
-    @next-bank="directionsBanks"
-  />
-
-  <payment-kaspi-qr-side-panel
-    v-model="kaspiQRSidePanel"
-    :request-url="requestUrl"
-    :request-id="requestId"
-    @back="onBack"
-    @update-user-rate="updateUserRate"
-  />
-
-  <payment-kaspi-redirect-side-panel
-    v-model="kaspiRedirectSidePanel"
-    :request-id="requestId"
-    @back="onBack"
-    @update-user-rate="updateUserRate"
-  />
+  <payment-top-up-side-panel
+    v-model="topUpSidePanel"
+    @next="actionPayment"
+  />
+
+  <payment-method-side-panel
+    v-model="methodSidePanel"
+    :sum="paymentSum"
+    @back="onBack"
+    @next-bank="directionsBanks"
+  />
+
+  <payment-kaspi-qr-side-panel
+    v-model="kaspiQRSidePanel"
+    :request-url="requestUrl"
+    :request-id="requestId"
+    @back="onBack"
+    @update-user-rate="updateUserRate"
+  />
+
+  <payment-kaspi-redirect-side-panel
+    v-model="kaspiRedirectSidePanel"
+    :request-id="requestId"
+    @back="onBack"
+    @update-user-rate="updateUserRate"
+  />
 </template>

package/dist/runtime/components/payment/process/PaymentTopUpSidePanel.vue

@@ -50,69 +50,69 @@ function handlePayment() {
 </script>
 
 <template>
-  <adt-side-panel
-    v-model="isOpen"
-    :width="484"
-    :height-drawer="500"
-  >
-    <template #header>
-      <div class="text-xl font-semibold">
-        {{ t("payment.topUp.title") }}
-      </div>
-    </template>
-
-    <div class="flex flex-col gap-6">
-      <div class="flex flex-col items-center gap-4 ">
-        <ill-bill class="size-[120px]" />
-        <p class="text-center text-sm font-semibold">
-          {{ t("payment.topUp.info") }}
-        </p>
-      </div>
-
-      <div class="flex flex-col gap-4">
-        <adt-forms-input-standard
-          v-model="money"
-          :label="`${t('payment.topUp.enterAmount')}`"
-          type="number"
-          pattern="[0-9]*"
-          clearable
-        />
-        <adt-alert
-          v-if="errorAlert"
-          color="red"
-        >
-          {{ t("modals.replenish_modal.error") }}
-        </adt-alert>
-        <div class="flex gap-4">
-          <adt-chip
-            v-for="item in sumArr"
-            :key="item.id"
-            view="standard"
-            size="lg"
+  <adt-side-panel
+    v-model="isOpen"
+    :width="484"
+    :height-drawer="500"
+  >
+    <template #header>
+      <div class="text-xl font-semibold">
+        {{ t("payment.topUp.title") }}
+      </div>
+    </template>
+
+    <div class="flex flex-col gap-6">
+      <div class="flex flex-col items-center gap-4 ">
+        <ill-bill class="size-[120px]" />
+        <p class="text-center text-sm font-semibold">
+          {{ t("payment.topUp.info") }}
+        </p>
+      </div>
+
+      <div class="flex flex-col gap-4">
+        <adt-forms-input-standard
+          v-model="money"
+          :label="`${t('payment.topUp.enterAmount')}`"
+          type="number"
+          pattern="[0-9]*"
+          clearable
+        />
+        <adt-alert
+          v-if="errorAlert"
+          color="red"
+        >
+          {{ t("modals.replenish_modal.error") }}
+        </adt-alert>
+        <div class="flex gap-4">
+          <adt-chip
+            v-for="item in sumArr"
+            :key="item.id"
+            view="standard"
+            size="lg"
             :class="[
   money === item.value ? 'bg-blue-700 text-white hover:bg-blue-700 dark:border-blue-500 dark:bg-transparent dark:text-blue-500 dark:hover:bg-transparent' : ''
-]"
-            @click.stop="onSelectAmount(item.value)"
-          >
-            <span>{{ item.label }}</span>
-          </adt-chip>
-        </div>
-      </div>
-
-      <div class="flex flex-col gap-2">
-        <adt-button
-          :disabled="!filterMoney"
-          @click="handlePayment"
-        >
-          {{ t("actions.topUp") }}
-        </adt-button>
-        <adt-button
-          view="outline"
-          @click="onClose"
-        >
-          {{ t("actions.back") }}
-        </adt-button>
-      </div>
-    </div>
-  </adt-side-panel>
+]"
+            @click.stop="onSelectAmount(item.value)"
+          >
+            <span>{{ item.label }}</span>
+          </adt-chip>
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-2">
+        <adt-button
+          :disabled="!filterMoney"
+          @click="handlePayment"
+        >
+          {{ t("actions.topUp") }}
+        </adt-button>
+        <adt-button
+          view="outline"
+          @click="onClose"
+        >
+          {{ t("actions.back") }}
+        </adt-button>
+      </div>
+    </div>
+  </adt-side-panel>
 </template>

package/dist/runtime/components/photos-animation/PhotosAnimation.vue

@@ -10,15 +10,15 @@ const getAnimationClass = (index) => {
 </script>
 
 <template>
-  <div class="relative size-full">
-    <img
-      v-for="(photo, index) in photos"
-      :key="index"
-      :src="photo.src"
-      :alt="photo.src"
-      :class="['photo', getAnimationClass(index), photo.classes]"
-    >
-  </div>
+  <div class="relative size-full">
+    <img
+      v-for="(photo, index) in photos"
+      :key="index"
+      :src="photo.src"
+      :alt="photo.src"
+      :class="['photo', getAnimationClass(index), photo.classes]"
+    >
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/pill-tabs/PillTabs.vue

@@ -88,48 +88,48 @@ onMounted(() => {
 </script>
 
 <template>
-  <div
-    ref="tabs"
-    class="scroll-container overflow-auto whitespace-nowrap"
-    :class="props.wrapper === 'row' ? 'flex gap-1' : 'flex flex-col gap-1'"
-  >
-    <button
-      v-for="option in options"
-      :key="option.key"
-      :disabled="option.disabled || disabled"
-      :data-active="activeTab === option.key"
+  <div
+    ref="tabs"
+    class="scroll-container overflow-auto whitespace-nowrap"
+    :class="props.wrapper === 'row' ? 'flex gap-1' : 'flex flex-col gap-1'"
+  >
+    <button
+      v-for="option in options"
+      :key="option.key"
+      :disabled="option.disabled || disabled"
+      :data-active="activeTab === option.key"
       :class="[
   activeTab === option.key ? selectedClasses() : defaultClasses(!!option.disabled),
   sizeOptions[size]
-]"
-      @click="onChanged(option, $event)"
-    >
-      <slot
-        name="option"
-        :option="option"
-      >
-        <span
-          class="flex items-center gap-1 whitespace-nowrap"
-          :class="[align === 'left' ? 'justify-start' : 'justify-center']"
-        >
-          <span>
-            {{ t(option.name) }}
-          </span>
-          <template v-if="option.count !== void 0">
-            <a-digit-badge
-              v-if="props.countView === 'badge'"
-              :value="option.count"
-              :type="option.badgeColor ? option.badgeColor : 'primary'"
-              :disabled="(option.disabled || option.count === 0) && activeTab !== option.key"
-              :view="activeTab === option.key ? 'inverted' : 'default'"
-              :size="badgeSize"
-            />
-            <span v-else-if="props.countView === 'brackets'"> ({{ option.count }}) </span>
-          </template>
-        </span>
-      </slot>
-    </button>
-  </div>
+]"
+      @click="onChanged(option, $event)"
+    >
+      <slot
+        name="option"
+        :option="option"
+      >
+        <span
+          class="flex items-center gap-1 whitespace-nowrap"
+          :class="[align === 'left' ? 'justify-start' : 'justify-center']"
+        >
+          <span>
+            {{ t(option.name) }}
+          </span>
+          <template v-if="option.count !== void 0">
+            <a-digit-badge
+              v-if="props.countView === 'badge'"
+              :value="option.count"
+              :type="option.badgeColor ? option.badgeColor : 'primary'"
+              :disabled="(option.disabled || option.count === 0) && activeTab !== option.key"
+              :view="activeTab === option.key ? 'inverted' : 'default'"
+              :size="badgeSize"
+            />
+            <span v-else-if="props.countView === 'brackets'"> ({{ option.count }}) </span>
+          </template>
+        </span>
+      </slot>
+    </button>
+  </div>
 </template>
 
 <style scoped>