@coopenomics/desktop 2.2.2

package/src/shared/ui/UserDataForm/OrganizationDataForm/OrganizationDataForm.vue

@@ -0,0 +1,129 @@
+<template lang="pug">
+div(v-if="userData.organization_data").q-gutter-sm.q-mt-md
+  q-select(
+    v-model="userData.organization_data.type"
+    label="Выберите тип организации"
+    standout="bg-teal text-white"
+    :options="[{ label: 'Потребительский Кооператив', value: 'coop' }, { label: 'ООО', value: 'ooo' }]"
+    emit-value
+    map-options).q-mb-md
+  q-input(v-model="userData.organization_data.short_name" standout="bg-teal text-white" hint="ПК Ромашка" label="Краткое наименование организации" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.full_name" standout="bg-teal text-white" hint="Потребительский Кооператив 'Ромашка'" label="Полное наименование организации" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.represented_by.last_name" standout="bg-teal text-white" label="Фамилия представителя" hint="" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.represented_by.first_name" standout="bg-teal text-white" label="Имя представителя" hint="" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.represented_by.middle_name" standout="bg-teal text-white" label="Отчество представителя" hint="" :rules="[val => validatePersonalName(val)]" autocomplete="off")
+
+  q-input(v-model="userData.organization_data.represented_by.based_on" standout="bg-teal text-white" label="Представитель действует на основании" hint="решения общего собрания №102 от 01.01.2025 г" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.represented_by.position" standout="bg-teal text-white" label="Должность представителя" hint="председатель совета" :rules="[val => notEmpty(val)]" autocomplete="off")
+
+  q-input(v-model="userData.organization_data.phone" standout="bg-teal text-white" label="Номер телефона представителя"  mask="+7 (###) ###-##-##" fill-mask  hint="" :rules="[val => notEmpty(val), val => notEmptyPhone(val)]" autocomplete="off")
+
+  q-select(v-model="userData.organization_data.country" standout="bg-teal text-white" map-options emit-value option-label="label" option-value="value" label="Страна" :options="[{ label: 'Россия', value: 'Russia' }]" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.city" standout="bg-teal text-white" label="Город" hint="" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.full_address" standout="bg-teal text-white" hint="" label="Юридический адрес регистрации" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="userData.organization_data.fact_address" standout="bg-teal text-white" hint="" label="Фактический адрес" :rules="[val => notEmpty(val)]" autocomplete="off")
+    template(v-slot:append)
+      q-btn(dense size="sm" color="teal" @click="userData.organization_data.fact_address = userData.organization_data.full_address") совпадает
+
+  q-input(
+    v-model="userData.organization_data.details.inn"
+    standout="bg-teal text-white"
+    mask="############"
+    label="ИНН организации"
+    hint="10 или 12 цифр"
+    :rules="[val => notEmpty(val), val => (val.length === 10 || val.length === 12) || 'ИНН должен содержать 10 или 12 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="userData.organization_data.details.ogrn"
+    standout="bg-teal text-white"
+    mask="###############"
+    label="ОГРН организации"
+    hint="13 или 15 цифр"
+    :rules="[val => notEmpty(val), val => (val.length === 13 || val.length === 15) || 'ОГРН должен содержать 13 или 15 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="userData.organization_data.details.kpp"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="КПП организации"
+    hint="9 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'КПП должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+
+
+  q-input(
+    v-model="userData.organization_data.bank_account.bank_name"
+    standout="bg-teal text-white"
+    label="Наименование банка"
+    hint="ПАО Сбербанк"
+    :rules="[val => notEmpty(val)]"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="userData.organization_data.bank_account.details.corr"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Корреспондентский счет"
+    hint="20 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Корреспондентский счет должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+  q-input(
+    v-model="userData.organization_data.bank_account.details.bik"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="БИК"
+    hint="9 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'БИК должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="userData.organization_data.bank_account.details.kpp"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="КПП (банка)"
+    hint="9 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'КПП должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="userData.organization_data.bank_account.account_number"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Номер счета"
+    hint="20 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Номер счета должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+
+  q-select(
+    v-model="userData.organization_data.bank_account.currency"
+    label="Валюта счёта"
+    standout="bg-teal text-white"
+    :options="[{ label: 'RUB', value: 'RUB' }]"
+    emit-value
+    :rules="[val => notEmpty(val)]"
+    map-options
+  )
+
+</template>
+
+<script setup lang="ts">
+import { validatePersonalName, notEmpty, notEmptyPhone } from 'src/shared/lib/utils';
+
+import type { IUserData } from 'src/shared/lib/types/user/IUserData';
+import { ref } from 'vue';
+
+const props = defineProps<{ userData: IUserData }>();
+
+const userData = ref<IUserData>(props.userData)
+
+</script>

package/src/shared/ui/UserDataForm/OrganizationDataForm/index.ts

@@ -0,0 +1 @@
+export {default as OrganizationDataForm} from './OrganizationDataForm.vue'

package/src/shared/ui/UserDataForm/UserDataForm/UserDataForm.vue

@@ -0,0 +1,47 @@
+<template lang="pug">
+div
+  q-form(ref="localUserDataForm")
+    slot(name="top")
+
+    div.full-width.text-center
+      q-btn-group(flat)
+        q-btn(glossy label="Физлицо" :color="userData.type === 'individual' ? 'primary' : undefined" @click="userData.type = 'individual'")
+        q-btn(glossy label="Предприниматель"  :color="userData.type === 'entrepreneur' ? 'primary' : undefined" @click="userData.type='entrepreneur'")
+        q-btn(glossy label="Организация" :color="userData.type === 'organization' ? 'primary' : undefined" @click="userData.type = 'organization'")
+
+    div(v-if="userData.type === 'individual'")
+      IndividualDataForm(v-model:userData="userData")
+
+    div(v-if="userData.type === 'organization'")
+      OrganizationDataForm(v-model:userData="userData")
+
+    div(v-if="userData.type === 'entrepreneur'")
+      EntrepreneurDataForm(v-model:userData="userData")
+
+    slot(name="bottom" :userDataForm="localUserDataForm")
+
+
+  </template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import type { IUserData } from 'src/shared/lib/types/user/IUserData';
+import { IndividualDataForm } from '../IndividualDataForm';
+import { OrganizationDataForm } from '../OrganizationDataForm';
+import { EntrepreneurDataForm } from '../EntrepreneurDataForm';
+
+const props = defineProps<{ userData: IUserData }>();
+
+const userData = ref<IUserData>(props.userData)
+
+if (!userData.value.type)
+  userData.value.type = 'individual'
+
+const localUserDataForm = ref(null)
+
+</script>
+<style>
+.dataInput .q-btn-selected {
+  color: teal;
+}
+</style>

package/src/shared/ui/UserDataForm/UserDataForm/index.ts

@@ -0,0 +1 @@
+export {default as UserDataForm} from './UserDataForm.vue'

package/src/shared/ui/ZodForm/ZodForm.vue

@@ -0,0 +1,169 @@
+<template lang="pug">
+div
+  q-card(flat v-for="(property, propertyName) in schema.properties" :key="propertyName")
+    div(v-if="isVisible(property)")
+      component(
+        standout="bg-teal text-white"
+        :is="getComponentType(property)"
+        v-bind="getComponentProps(property, propertyName)"
+      ).q-mt-md
+        // Слот для prepend, если указано
+        template(v-slot:prepend v-if="property.description?.prepend")
+          span {{ property.description.prepend }}
+
+        // Слот для append, если указано
+        template(v-slot:append v-if="property.description?.append")
+          span {{ property.description.append }}
+
+</template>
+<script lang="ts" setup>
+  import { defineProps, defineEmits, reactive, watch } from 'vue';
+  import { QInput, QCheckbox, QSelect, QCard } from 'quasar';
+  import type { IExtensionConfigSchema, ISchemaProperty } from 'src/entities/Extension/model';
+
+  // Устанавливаем имя компонента для рекурсивного вызова
+  defineOptions({
+    name: 'DynamicForm'
+  });
+
+  // Определяем пропсы и события компонента
+  const props = defineProps<{
+    schema: IExtensionConfigSchema;
+    modelValue: Record<string, any>;
+  }>();
+
+  const emit = defineEmits(['update:modelValue']);
+
+  // Инициализируем реактивные данные
+  const data = reactive<Record<string, any>>({});
+
+  // Функция для установки значений по умолчанию
+  function setDefaults(schema: ISchemaProperty, obj: any) {
+    if (schema.type === 'object' && schema.properties) {
+      for (const key in schema.properties) {
+        const property = schema.properties[key];
+        if (property.default !== undefined) {
+          obj[key] = property.default;
+        } else if (property.type === 'object') {
+          obj[key] = {};
+          setDefaults(property, obj[key]);
+        } else {
+          obj[key] = null;
+        }
+      }
+    }
+  }
+
+  // Инициализация данных
+  if (props.modelValue && Object.keys(props.modelValue).length > 0) {
+    Object.assign(data, props.modelValue);
+  } else {
+    setDefaults(props.schema, data);
+  }
+
+  // Отслеживание изменений и обновление данных
+  watch(
+    data,
+    () => {
+      emit('update:modelValue', { ...data });
+    },
+    { deep: true }
+  );
+
+  // Функция для преобразования строковых правил в функции
+  function parseRules(rules: string[]): Array<(val: any) => boolean | string> {
+    return rules.map(rule => {
+      const fn = new Function('val', `return ${rule};`);
+      return (val: any) => fn(val) || `Значение должно удовлетворять правилу: ${rule}`;
+    });
+  }
+
+  // Функции для получения атрибутов полей
+  function getComponentType(property: ISchemaProperty) {
+    if (property.enum) {
+      return QSelect;
+    } else if (property.type === 'number' || property.type === 'integer') {
+      return QInput;
+    } else if (property.type === 'string') {
+      return QInput;
+    } else if (property.type === 'boolean') {
+      return QCheckbox;
+    } else if (property.type === 'object' && property.properties) {
+      return 'DynamicForm';
+    }
+    return 'div';
+  }
+
+  function getComponentProps(property: ISchemaProperty, propertyName: string) {
+    const props: Record<string, any> = {
+      modelValue: data[propertyName],
+      'onUpdate:modelValue': (value: any) => {
+        data[propertyName] = property.type === 'number' ? parseFloat(value) : value;
+      },
+      label: getLabel(property, propertyName),
+      hint: getHint(property)
+    };
+
+
+    let rules = parseRules(property.description?.rules || []);
+
+    const minLength = property.description?.minLength;
+    const maxLength = property.description?.maxLength;
+
+    if (typeof minLength === 'number') {
+      rules.push((val: string) => val.length >= minLength || `Минимальная длина: ${minLength}`);
+      props.minLength = minLength;
+    }
+
+    if (typeof maxLength === 'number') {
+      rules.push((val: string) => val.length <= maxLength || `Максимальная длина: ${maxLength}`);
+      props.maxLength = maxLength;
+    }
+
+    props.rules = rules
+
+    // Добавляем маску и другие настройки, если они указаны
+    if (property.description?.mask) {
+      props.mask = property.description.mask;
+      if (property.description?.fillMask !== undefined) {
+        props.fillMask = property.description.fillMask;
+      }
+    }
+
+    // Установка типа поля в зависимости от типа property
+    if (property.type === 'number') {
+      props.type = 'number';  // Поле будет восприниматься как числовое, разрешены только цифры
+    } else if (property.type === 'string') {
+      props.type = 'text';  // Поле для строк
+      // Проверка на многосстрочный ввод
+      if (property.description?.maxRows) {
+        props.type = 'textarea';
+        props.autogrow = true; // Автоматический рост поля при вводе
+        props.rows = property.description?.maxRows; // Установка максимального количества строк
+      }
+    }
+
+    if (property.enum) {
+      props.options = property.enum;
+    }
+
+    if (property.type === 'object') {
+      props.schema = property;
+    }
+
+    return props;
+  }
+
+  function getLabel(property: ISchemaProperty, propertyName: string) {
+    return property.description?.label || propertyName;
+  }
+
+  function getHint(property: ISchemaProperty) {
+    return property.description?.note;
+  }
+
+  function isVisible(property: ISchemaProperty) {
+    return property.description?.visible !== false;
+  }
+
+  </script>

package/src/shared/ui/ZodForm/index.ts

@@ -0,0 +1 @@
+export { default as ZodForm } from './ZodForm.vue'

package/src/shims-vue.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+
+/// <reference types="vite/client" />
+
+// Mocks all files ending in `.vue` showing them as plain Vue instances
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/src/stores/index.ts

@@ -0,0 +1,34 @@
+import { store } from 'quasar/wrappers';
+import { createPinia } from 'pinia';
+import { Router } from 'vue-router';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+
+/*
+ * When adding new properties to stores, you should also
+ * extend the `PiniaCustomProperties` interface.
+ * @see https://pinia.vuejs.org/core-concepts/plugins.html#typing-new-store-properties
+ */
+declare module 'pinia' {
+  export interface PiniaCustomProperties {
+    readonly router: Router;
+  }
+}
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Store instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Store instance.
+ */
+
+export default store((/* { ssrContext } */) => {
+  const pinia = createPinia();
+
+  // You can add Pinia plugins here
+  // pinia.use(SomePiniaPlugin)
+  pinia.use(piniaPluginPersistedstate);
+
+  return pinia;
+});

package/src/stores/store-flag.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
+//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
+import "quasar/dist/types/feature-flag";
+
+declare module "quasar/dist/types/feature-flag" {
+  interface QuasarFeatureFlags {
+    store: true;
+  }
+}

package/src/types/index.ts

@@ -0,0 +1,3 @@
+import { App } from 'vue'
+
+export type VueModuleInstaller = (_app: App) => void

package/src/widgets/Agreementer/RequireAgreements/ui/RequireAgreements.vue

@@ -0,0 +1,71 @@
+<template lang="pug">
+div
+  SignAgreementDialog(v-for="agreement of required_agreements" v-bind:key="agreement.type" :agreement="agreement" :is_modify="is_modify")
+    AgreementReader(:agreement="agreement").q-mb-lg
+</template>
+
+<script lang="ts" setup>
+import { SignAgreementDialog } from 'src/features/Agreementer/SignAgreementDialog';
+import { useAgreementStore } from 'src/entities/Agreement';
+import { COOPNAME } from 'src/shared/config';
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { AgreementReader } from 'src/features/Agreementer/GenerateAgreement';
+import { useWalletStore } from 'src/entities/Wallet';
+import { useSessionStore } from 'src/entities/Session';
+
+const route = useRoute()
+const agreementer = useAgreementStore()
+const wallet = useWalletStore()
+
+const required = computed(() => (route.meta?.agreements || []))//TODO change to agreements
+
+const userAgreements = computed(() => wallet.agreements)
+const templates = computed(() => agreementer.agreementsTemplates)
+const cooperativeAgreements = computed(() => agreementer.cooperativeAgreements)
+const is_modify=ref(false)
+
+// Для всех соглашений, которые пользователь должен подписать
+const required_agreements = computed(() => {
+  // Получаем подписанные соглашения
+  if (!session.loadComplete)
+    return []
+
+  // Фильтруем соглашения, которые необходимы пользователю
+  return cooperativeAgreements.value.filter(agreement => {
+    // Условие: тип соглашения должен быть в required.value
+
+    if (required.value.includes(agreement.type)) {
+      // Найти, если пользователь уже подписал это соглашение
+      const userAgreement = userAgreements.value.find(ua => ua.type === agreement.type);
+
+      if (userAgreement) {
+        // Найти соответствующий шаблон для соглашения
+        const template = templates.value.find(t => t.registry_id === agreement.draft_id);
+        // Проверить, если версия подписанного соглашения у пользователя отличается от последнего шаблона
+        if (template && template.version !== userAgreement.version) {
+          is_modify.value = true
+          return true; // Добавить соглашение в список
+        }
+      } else {
+        return true; // Пользователь ещё не подписал соглашение
+      }
+    }
+    return false; // Убрать соглашение из списка
+  });
+});
+
+const init = async () => {
+  agreementer.loadCooperativeAgreements(COOPNAME)
+  agreementer.loadAgreementTemplates(COOPNAME)
+}
+const session = useSessionStore()
+
+watch(() => session.isAuth, (newValue) => {
+  if(newValue)
+    init()
+})
+
+init()
+
+</script>

package/src/widgets/Agreementer/RequireAgreements/ui/index.ts

@@ -0,0 +1 @@
+export {default as RequireAgreements} from './RequireAgreements.vue'

package/src/widgets/BankDetailsCard/index.ts

@@ -0,0 +1 @@
+export * from './ui'

package/src/widgets/BankDetailsCard/ui/BankDetailsCard.vue

@@ -0,0 +1,107 @@
+<template lang="pug">
+q-form(ref="form")
+  q-input(
+    dense
+    v-model="data.data.bank_name"
+    standout="bg-teal text-white"
+    label="Наименование банка"
+    placeholder="ПАО Сбербанк"
+    :rules="[val => notEmpty(val)]"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.data.details.corr"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Корреспондентский счет"
+    placeholder="20 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Корреспондентский счет должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.data.details.bik"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="БИК"
+    placeholder="9 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'БИК должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.data.details.kpp"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="КПП (банка)"
+    placeholder="9 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'КПП должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.data.account_number"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Номер счета"
+    placeholder="20 цифр"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Номер счета должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+  q-select(
+    dense
+    v-model="data.data.currency"
+    label="Валюта счёта"
+    standout="bg-teal text-white"
+    :options="[{ label: 'RUB', value: 'RUB' }]"
+    emit-value
+    :rules="[val => notEmpty(val)]"
+    map-options
+  )
+
+  EditableActions(
+    :isEditing="isEditing"
+    :isDisabled="isDisabled"
+    @save="saveChanges"
+    @cancel="cancelChanges"
+  )
+  </template>
+
+  <script lang="ts" setup>
+import { ref } from 'vue';
+import { useEditableData } from 'src/shared/lib/composables/useEditableData';
+import type { Zeus } from '@coopenomics/sdk';
+import { EditableActions } from 'src/shared/ui/EditableActions';
+import { notEmpty } from 'src/shared/lib/utils';
+import { useUpdateBranchBankAccount } from 'src/features/PaymentMethod/UpdateBankAccount/model';
+import { failAlert } from 'src/shared/api';
+
+const props = defineProps({
+  bankDetails: {
+    type: Object as () => Zeus.ModelTypes['BankPaymentMethod'],
+    required: true
+  }
+});
+
+// Ссылка на форму
+const form = ref();
+
+// Обработка сохранения
+const handleSave = async (data: Zeus.ModelTypes['BankPaymentMethod']) => {
+  try {
+    const { updateBankAccount } = useUpdateBranchBankAccount();
+    await updateBankAccount(data);
+  } catch(e){
+    failAlert(e)
+  }
+};
+
+// Используем composable функцию
+const { editableData: data, isEditing, isDisabled, saveChanges, cancelChanges } = useEditableData(
+  props.bankDetails,
+  handleSave,
+  form // Передаем ссылку на форму
+);
+</script>
+

package/src/widgets/BankDetailsCard/ui/index.ts

@@ -0,0 +1 @@
+export {default as BankDetailsCard} from './BankDetailsCard.vue'

package/src/widgets/BranchCard/index.ts

@@ -0,0 +1 @@
+export * from './ui'