@mobilon-dev/chotto 0.3.75 → 0.3.77

package/dist/types/apps/data/chats.d.ts

@@ -60,6 +60,7 @@ export declare const chats: ({
             type: string;
             data: string;
             value: string;
+            status: string;
         } | {
             id: string;
             type: string;
@@ -69,6 +70,7 @@ export declare const chats: ({
                 phone: string;
             };
             value: string;
+            status: string;
         })[];
         tags: {
             _id: string;
@@ -98,6 +100,7 @@ export declare const chats: ({
         attributes: {
             id: string;
             value: string;
+            status: string;
         }[];
         tags?: undefined;
     };
@@ -211,6 +214,7 @@ export declare const chats: ({
             type: string;
             data: string;
             value: string;
+            status: string;
         } | {
             id: string;
             type: string;
@@ -220,6 +224,7 @@ export declare const chats: ({
                 phone: string;
             };
             value: string;
+            status: string;
         })[];
         tags: {
             _id: string;
@@ -264,6 +269,7 @@ export declare const chats: ({
             type: string;
             data: string;
             value: string;
+            status: string;
         } | {
             id: string;
             type: string;
@@ -273,6 +279,7 @@ export declare const chats: ({
                 phone: string;
             };
             value: string;
+            status: string;
         })[];
         tags: {
             _id: string;
@@ -341,6 +348,7 @@ export declare const chats: ({
             type: string;
             data: string;
             value: string;
+            status: string;
         } | {
             id: string;
             type: string;
@@ -350,6 +358,7 @@ export declare const chats: ({
                 phone: string;
             };
             value: string;
+            status: string;
         } | {
             id: string;
             type: string;
@@ -359,6 +368,7 @@ export declare const chats: ({
                 nickname?: undefined;
             };
             value: string;
+            status: string;
         })[];
         tags?: undefined;
     };

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -1,14 +1,17 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
+    $emit: (event: "select-attribute-channel" | "confirm-attribute" | "phone-call" | "reset-blocked-attributes", ...args: any[]) => void;
     channels: unknown[];
     messages: unknown[];
     selectedChat: Record<string, any>;
     channelTooltips: Record<string, any>;
     contactAttributes: unknown[];
+    confirmingAttributeId: string;
     isNewDialog: boolean;
     selectedDialog: Record<string, any>;
     emptyChannelsPlaceholder: Record<string, any>;
+    blockedAttributeIds: unknown[];
     attributeTooltips: Record<string, any>;
+    attributeIndicatorTooltips: Record<string, any>;
     showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
@@ -16,10 +19,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly selectedChat?: Record<string, any> | undefined;
         readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
+        readonly confirmingAttributeId?: string | undefined;
         readonly isNewDialog?: boolean | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
         readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+        readonly blockedAttributeIds?: unknown[] | undefined;
         readonly attributeTooltips?: Record<string, any> | undefined;
+        readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
         readonly showChannelIcons?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    confirmingAttributeId: string;
+    attribute: Record<string, any>;
+    isSelected: boolean;
+    blockedAttributeIds: unknown[];
+    indicatorTooltips: Record<string, any>;
+    $props: {
+        readonly confirmingAttributeId?: string | undefined;
+        readonly attribute?: Record<string, any> | undefined;
+        readonly isSelected?: boolean | undefined;
+        readonly blockedAttributeIds?: unknown[] | undefined;
+        readonly indicatorTooltips?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts

@@ -1,5 +1,5 @@
 import type { Ref, ComputedRef } from 'vue';
-import type { ContactAttribute } from './useCommunicationAttributes';
+import type { ContactAttribute, ConfirmAttributePayload } from './useCommunicationAttributes';
 /**
  * Тип канала панели коммуникаций.
  */
@@ -16,6 +16,7 @@ interface CommunicationActionsEmit {
         attributeId: string;
         channelId: string;
     }): void;
+    (event: 'confirm-attribute', payload: ConfirmAttributePayload): void;
     (event: 'phone-call', payload: {
         attributeId: string;
         phoneNumber: unknown;
@@ -27,6 +28,8 @@ interface UseCommunicationActionsOptions {
     selectedChannel: Ref<Channel | Record<string, unknown>>;
     selectedChannelType: Ref<string | null>;
     hoveredAttribute: Ref<ContactAttribute | null>;
+    confirmingAttributeId: Ref<string | null>;
+    isAttributeBlocked: (attribute: ContactAttribute | null | undefined) => boolean;
     closeMenu: () => void;
     hasMultipleChannels: (channelType: string) => boolean;
     getSingleChannelForType: (channelType: string) => Channel | null;
@@ -40,7 +43,7 @@ interface UseCommunicationActionsOptions {
 /**
  * Инкапсулирует действия панели: звонок, выбор каналов, выбор атрибутов.
  */
-export declare function useCommunicationActions({ activeChannelType, channels, selectedChannel, selectedChannelType, hoveredAttribute, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, emit, }: UseCommunicationActionsOptions): {
+export declare function useCommunicationActions({ activeChannelType, channels, selectedChannel, selectedChannelType, hoveredAttribute, confirmingAttributeId, isAttributeBlocked, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, emit, }: UseCommunicationActionsOptions): {
     handlePhoneCall: (attribute: ContactAttribute | null | undefined) => void;
     handleAttributeClick: (attribute: ContactAttribute) => void;
     selectSingleChannel: (attribute: ContactAttribute, channelId: string) => void;

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.d.ts

@@ -1,4 +1,7 @@
 import { type Ref, type ComputedRef } from 'vue';
+/** Допустимые статусы контактного атрибута */
+export declare const CONTACT_ATTRIBUTE_STATUSES: readonly ["confirmed", "unconfirmed"];
+export type ContactAttributeStatus = (typeof CONTACT_ATTRIBUTE_STATUSES)[number];
 /**
  * Тип контактного атрибута из панели коммуникаций.
  */
@@ -7,8 +10,46 @@ export type ContactAttribute = {
     type: string;
     value?: string;
     data?: unknown;
+    status?: ContactAttributeStatus;
     [key: string]: unknown;
 };
+export declare function isContactAttributeStatus(value: unknown): value is ContactAttributeStatus;
+/**
+ * CSS-класс для привязки UI к статусу атрибута (`status-confirmed` / `status-unconfirmed`).
+ */
+export declare function getAttributeStatusClass(attribute: ContactAttribute | null | undefined): `status-${ContactAttributeStatus}` | null;
+export declare function isAttributeConfirmed(attribute: ContactAttribute | null | undefined): boolean;
+export declare function isAttributeUnconfirmed(attribute: ContactAttribute | null | undefined): boolean;
+/** Нужно запросить подтверждение атрибута у родителя (запрос на сервер). */
+export declare function needsAttributeConfirmation(attribute: ContactAttribute | null | undefined): boolean;
+/** Payload события confirm-attribute */
+export type ConfirmAttributePayload = {
+    attributeId: string;
+    channelId: string;
+    channelType: string;
+    attribute: ContactAttribute;
+};
+export declare function shouldShowAttributeCheckmark(attribute: ContactAttribute | null | undefined, isSelected: boolean): boolean;
+export declare function getAttributeCheckIndicatorClass(attribute: ContactAttribute | null | undefined, isSelected: boolean): 'selected-indicator' | 'confirmed-indicator' | null;
+export declare function isAttributeConfirming(attribute: ContactAttribute | null | undefined, confirmingAttributeId: string | null | undefined): boolean;
+/** Атрибут заблокирован после неудачного подтверждения (до повторного входа в меню). */
+export declare function isAttributeBlocked(attribute: ContactAttribute | null | undefined, blockedAttributeIds: readonly string[] | null | undefined): boolean;
+/** Ключи подсказок для галочки / спиннера в слоте индикатора */
+export type AttributeIndicatorTooltipKey = 'selected' | 'confirmed' | 'confirming' | 'blocked';
+export type AttributeIndicatorTooltips = Partial<Record<AttributeIndicatorTooltipKey, string>>;
+export type AttributeIndicatorTooltipContext = {
+    isSelected: boolean;
+    confirmingAttributeId: string | null | undefined;
+    blockedAttributeIds: readonly string[];
+};
+export declare function shouldShowAttributeIndicator(attribute: ContactAttribute | null | undefined, context: AttributeIndicatorTooltipContext): boolean;
+/** Слот индикатора для заблокированного атрибута без галочки / спиннера (только тултип). */
+export declare function shouldShowBlockedIndicatorSlot(attribute: ContactAttribute | null | undefined, context: AttributeIndicatorTooltipContext): boolean;
+/**
+ * Определяет ключ подсказки индикатора по приоритету состояния.
+ */
+export declare function getAttributeIndicatorTooltipKey(attribute: ContactAttribute | null | undefined, context: AttributeIndicatorTooltipContext): AttributeIndicatorTooltipKey | null;
+export declare function getAttributeIndicatorTooltipText(attribute: ContactAttribute | null | undefined, tooltips: AttributeIndicatorTooltips | null | undefined, context: AttributeIndicatorTooltipContext): string;
 type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
 /**
  * Параметры composable для работы с контактными атрибутами.

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts

@@ -5,24 +5,19 @@ import { type Ref } from 'vue';
 interface UseCommunicationMenuOptions {
     /** Ссылка на корневой контейнер панели */
     panelRef: Ref<HTMLElement | null>;
-    /** Ссылка на панель с кнопками каналов */
-    channelsPanelRef: Ref<HTMLElement | null>;
     /** Текущий выбранный тип канала */
     selectedChannelType: Ref<string | null>;
     /** Замороженный атрибут (для подсветки при наведении) */
     frozenAttribute: Ref<unknown>;
 }
 /**
- * Компонует состояние и методы открытия/закрытия меню каналов, обработки кликов
- * и вычисления ширины меню.
+ * Компонует состояние и методы открытия/закрытия меню каналов и обработки кликов.
  */
-export declare function useCommunicationMenu({ panelRef, channelsPanelRef, selectedChannelType, frozenAttribute, }: UseCommunicationMenuOptions): {
+export declare function useCommunicationMenu({ panelRef, selectedChannelType, frozenAttribute, }: UseCommunicationMenuOptions): {
     activeChannelType: Ref<string | null, string | null>;
     hoveredChannel: Ref<string | null, string | null>;
     showMenu: Ref<boolean, boolean>;
     showSubMenu: Ref<boolean, boolean>;
-    menuWidth: Ref<string, string>;
-    updateMenuWidth: () => void;
     handleChannelClick: (channelType: string) => void;
     closeMenu: () => void;
     handleClickOutside: (event: Event) => void;

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationSubMenu.d.ts

@@ -6,11 +6,12 @@ interface UseCommunicationSubMenuOptions {
     frozenAttribute: Ref<ContactAttribute | null>;
     hoveredAttribute: Ref<ContactAttribute | null>;
     hasMultipleChannels: (channelType: string) => boolean;
+    isAttributeBlocked: (attribute: ContactAttribute | null | undefined) => boolean;
 }
 /**
  * Управляет состоянием подменю выбора канала и hover-состояниями атрибутов.
  */
-export declare function useCommunicationSubMenu({ activeChannelType, showSubMenu, frozenAttribute, hoveredAttribute, hasMultipleChannels, }: UseCommunicationSubMenuOptions): {
+export declare function useCommunicationSubMenu({ activeChannelType, showSubMenu, frozenAttribute, hoveredAttribute, hasMultipleChannels, isAttributeBlocked, }: UseCommunicationSubMenuOptions): {
     subMenuTop: Ref<number, number>;
     handleAttributeMouseEnter: (attribute: ContactAttribute, eventTarget: EventTarget | null) => EventTarget | null;
     handleAttributeMouseLeave: () => void;

package/dist/types/components/2_blocks/CommunicationPanel/icons/CommunicationPanelConfirmSpinner.vue.d.ts

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

package/dist/types/components/2_blocks/CommunicationPanel/icons/index.d.ts

@@ -1,4 +1,5 @@
 export { default as CommunicationPanelCheckIcon } from './CommunicationPanelCheckIcon.vue';
+export { default as CommunicationPanelConfirmSpinner } from './CommunicationPanelConfirmSpinner.vue';
 export { default as CommunicationPanelPhoneIcon } from './CommunicationPanelPhoneIcon.vue';
 export { default as CommunicationPanelWhatsAppIcon } from './CommunicationPanelWhatsAppIcon.vue';
 export { default as CommunicationPanelTelegramIcon } from './CommunicationPanelTelegramIcon.vue';

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -2,16 +2,19 @@ import type { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{}, {
-        $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
+        $emit: (event: "select-attribute-channel" | "confirm-attribute" | "phone-call" | "reset-blocked-attributes", ...args: any[]) => void;
         channels: unknown[];
         messages: unknown[];
         selectedChat: Record<string, any>;
         channelTooltips: Record<string, any>;
         contactAttributes: unknown[];
+        confirmingAttributeId: string;
         isNewDialog: boolean;
         selectedDialog: Record<string, any>;
         emptyChannelsPlaceholder: Record<string, any>;
+        blockedAttributeIds: unknown[];
         attributeTooltips: Record<string, any>;
+        attributeIndicatorTooltips: Record<string, any>;
         showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
@@ -19,10 +22,13 @@ declare const meta: {
             readonly selectedChat?: Record<string, any> | undefined;
             readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
+            readonly confirmingAttributeId?: string | undefined;
             readonly isNewDialog?: boolean | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
             readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+            readonly blockedAttributeIds?: unknown[] | undefined;
             readonly attributeTooltips?: Record<string, any> | undefined;
+            readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
             readonly showChannelIcons?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts

@@ -168,8 +168,12 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-menu-z-index': string;
     /** Максимальная высота меню атрибутов */
     '--chotto-communicationpanel-menu-max-height': string;
+    /** Ширина меню атрибутов (обычно max-content — по содержимому в пределах min/max) */
+    '--chotto-communicationpanel-menu-width': string;
     /** Минимальная ширина меню атрибутов */
     '--chotto-communicationpanel-menu-min-width': string;
+    /** Максимальная ширина меню атрибутов */
+    '--chotto-communicationpanel-menu-max-width': string;
     /** Промежуток между элементами меню атрибутов */
     '--chotto-communicationpanel-menu-gap': string;
     /** Прозрачность меню атрибутов */
@@ -420,6 +424,32 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-selected-indicator-height': string;
     /** Цвет индикатора выбранного элемента */
     '--chotto-communicationpanel-selected-indicator-color': string;
+    /** Цвет индикатора подтверждённого (не выбранного) атрибута */
+    '--chotto-communicationpanel-confirmed-indicator-color': string;
+    /** Курсор атрибута в процессе подтверждения */
+    '--chotto-communicationpanel-attribute-confirming-cursor': string;
+    /** События указателя атрибута в процессе подтверждения */
+    '--chotto-communicationpanel-attribute-confirming-pointer-events': string;
+    /** Курсор над индикатором (спиннер + тултип) при подтверждении */
+    '--chotto-communicationpanel-attribute-confirming-indicator-cursor': string;
+    /** Цвет заблокированного атрибута (неудачное подтверждение) */
+    '--chotto-communicationpanel-attribute-blocked-color': string;
+    /** Курсор заблокированного атрибута */
+    '--chotto-communicationpanel-attribute-blocked-cursor': string;
+    /** События указателя заблокированного атрибута */
+    '--chotto-communicationpanel-attribute-blocked-pointer-events': string;
+    /** Курсор над индикатором (тултип) у заблокированного атрибута */
+    '--chotto-communicationpanel-attribute-blocked-indicator-cursor': string;
+    /** Прозрачность иконок заблокированного атрибута */
+    '--chotto-communicationpanel-attribute-blocked-icon-opacity': string;
+    /** Отображение маркера blocked в слоте индикатора */
+    '--chotto-communicationpanel-blocked-indicator-display': string;
+    /** Радиус маркера blocked */
+    '--chotto-communicationpanel-blocked-indicator-border-radius': string;
+    /** Прозрачность маркера blocked */
+    '--chotto-communicationpanel-blocked-indicator-opacity': string;
+    /** Цвет спиннера подтверждения атрибута */
+    '--chotto-communicationpanel-confirming-indicator-color': string;
     /** Размер шрифта индикатора выбранного элемента */
     '--chotto-communicationpanel-selected-indicator-font-size': string;
     /** Сжатие индикатора выбранного элемента */

package/dist/types/hooks/validators/chats/types.d.ts

@@ -6,6 +6,7 @@ export interface ChatAction {
     title: string;
     icon?: string;
 }
+export type ContactAttributeStatus = 'confirmed' | 'unconfirmed';
 export interface ContactAttribute {
     id: string;
     type?: string;
@@ -15,6 +16,7 @@ export interface ContactAttribute {
         phone: string;
     };
     value: string;
+    status?: ContactAttributeStatus;
 }
 export interface Contact {
     attributes: ContactAttribute[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.75",
+  "version": "0.3.77",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",