adata-ui 3.1.79 → 3.1.80

package/dist/runtime/components/modals/id/IdRegistrationModal.vue

@@ -106,72 +106,72 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <form
-    class="flex flex-col items-stretch gap-5"
-    novalidate
-    @submit.prevent="onSubmit"
-  >
-    <h2 class="text-center text-2xl font-bold">
-      {{ t("modals.id.register.title") }}
-    </h2>
-    <p class="text-center text-sm">
-      {{ t("modals.id.register.subtitle") }}
-    </p>
-    <adt-forms-input-standard
-      v-model="form.email"
-      :label="t('modals.id.register.labels.email')"
-      :error="getError('email')"
-      type="email"
-    />
-
-    <adt-forms-input-password
-      v-model="form.password"
-      :label="t('modals.id.register.labels.password')"
-      :error="getError('password')"
-    />
-
-    <adt-forms-input-password
-      v-model="form.password_confirmation"
-      :label="t('modals.id.register.labels.password_confirmation')"
-      :error="getError('password_confirmation')"
-    />
-    <adt-alert color="blue">
-      {{ t("modals.id.register.alert") }}
-      <template #icon>
-        <i-info-circle />
-      </template>
-    </adt-alert>
-    <adt-checkbox
-      v-model="agreement"
-      side="right"
-      name="confirm-agreement"
-    >
-      <i18n-t keypath="modals.id.register.agreement.text">
-        <template #link>
-          <nuxt-link-locale
-            class="text-blue-700"
-            @click="getUrl"
-          >
-            {{ t("modals.id.register.agreement.link") }}
-          </nuxt-link-locale>
-        </template>
-      </i18n-t>
-    </adt-checkbox>
-    <adt-button
-      :disabled="!agreement"
-      :loading="loading"
-    >
-      {{ t("modals.id.register.continue") }}
-    </adt-button>
-    <p class="text-center text-sm">
-      {{ t("modals.id.register.haveAcc") }}
-    </p>
-    <adt-button
-      type="button"
-      view="outline"
-      @click="onLogin"
-    >
-      {{ t("modals.id.register.enter") }}
-    </adt-button>
-  </form>
+  <form
+    class="flex flex-col items-stretch gap-5"
+    novalidate
+    @submit.prevent="onSubmit"
+  >
+    <h2 class="text-center text-2xl font-bold">
+      {{ t("modals.id.register.title") }}
+    </h2>
+    <p class="text-center text-sm">
+      {{ t("modals.id.register.subtitle") }}
+    </p>
+    <adt-forms-input-standard
+      v-model="form.email"
+      :label="t('modals.id.register.labels.email')"
+      :error="getError('email')"
+      type="email"
+    />
+
+    <adt-forms-input-password
+      v-model="form.password"
+      :label="t('modals.id.register.labels.password')"
+      :error="getError('password')"
+    />
+
+    <adt-forms-input-password
+      v-model="form.password_confirmation"
+      :label="t('modals.id.register.labels.password_confirmation')"
+      :error="getError('password_confirmation')"
+    />
+    <adt-alert color="blue">
+      {{ t("modals.id.register.alert") }}
+      <template #icon>
+        <i-info-circle />
+      </template>
+    </adt-alert>
+    <adt-checkbox
+      v-model="agreement"
+      side="right"
+      name="confirm-agreement"
+    >
+      <i18n-t keypath="modals.id.register.agreement.text">
+        <template #link>
+          <nuxt-link-locale
+            class="text-blue-700"
+            @click="getUrl"
+          >
+            {{ t("modals.id.register.agreement.link") }}
+          </nuxt-link-locale>
+        </template>
+      </i18n-t>
+    </adt-checkbox>
+    <adt-button
+      :disabled="!agreement"
+      :loading="loading"
+    >
+      {{ t("modals.id.register.continue") }}
+    </adt-button>
+    <p class="text-center text-sm">
+      {{ t("modals.id.register.haveAcc") }}
+    </p>
+    <adt-button
+      type="button"
+      view="outline"
+      @click="onLogin"
+    >
+      {{ t("modals.id.register.enter") }}
+    </adt-button>
+  </form>
 </template>

package/dist/runtime/components/modals/id/IdResetPasswordOtpModal.vue

@@ -91,51 +91,51 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.resetPasswordOtp.title") }}
-    </h2>
-
-    <i-hand-with-phone-light class="size-32 dark:hidden" />
-    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
-
-    <div class="text-sm">
-      <p class="mb-1">
-        {{ t("modals.id.resetPasswordOtp.content") }}
-      </p>
-
-      <div
-        v-if="timer > 0"
-        class="text-2xl font-bold"
-      >
-        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
-      </div>
-      <button
-        v-else
-        class="text-blue-700 dark:text-blue-500 flex items-center gap-2 mx-auto"
-        :disabled="isResendLoading"
-        @click="onResend"
-      >
-        <i-loader-circle
-          v-if="isResendLoading"
-          class="animate-spin"
-        />
-        <span>{{ t("actions.resend") }}</span>
-      </button>
-    </div>
-
-    <id-otp-input
-      v-model="otp"
-      v-model:error="showError"
-      @on-completed="onConfirm"
-    />
-
-    <adt-button
-      block
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.resetPasswordOtp.title") }}
+    </h2>
+
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+
+    <div class="text-sm">
+      <p class="mb-1">
+        {{ t("modals.id.resetPasswordOtp.content") }}
+      </p>
+
+      <div
+        v-if="timer > 0"
+        class="text-2xl font-bold"
+      >
+        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
+      </div>
+      <button
+        v-else
+        class="text-blue-700 dark:text-blue-500 flex items-center gap-2 mx-auto"
+        :disabled="isResendLoading"
+        @click="onResend"
+      >
+        <i-loader-circle
+          v-if="isResendLoading"
+          class="animate-spin"
+        />
+        <span>{{ t("actions.resend") }}</span>
+      </button>
+    </div>
+
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+
+    <adt-button
+      block
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdTwoFactorModal.vue

@@ -88,27 +88,27 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center gap-4">
-    <p class="heading-02 text-center">
-      {{ t("modals.id.twoFactor.title") }}
-    </p>
-    <i-hand-with-phone-light class="size-32 dark:hidden" />
-    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
-    <id-otp-input
-      v-model="otp"
-      v-model:error="showError"
-      @on-completed="onConfirm"
-    />
-    <p class="body-400 text-center">
-      {{ t("modals.id.twoFactor.code") }}
-    </p>
-
-    <adt-button
-      class="w-full"
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col items-center gap-4">
+    <p class="heading-02 text-center">
+      {{ t("modals.id.twoFactor.title") }}
+    </p>
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+    <p class="body-400 text-center">
+      {{ t("modals.id.twoFactor.code") }}
+    </p>
+
+    <adt-button
+      class="w-full"
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

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>