@mobilon-dev/chotto 0.3.77 → 0.3.79

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

@@ -13,6 +13,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     attributeTooltips: Record<string, any>;
     attributeIndicatorTooltips: Record<string, any>;
     showChannelIcons: boolean;
+    channelOrder?: unknown[] | undefined;
+    visibleChannelTypes?: unknown[] | undefined;
     $props: {
         readonly channels?: unknown[] | undefined;
         readonly messages?: unknown[] | undefined;
@@ -27,6 +29,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly attributeTooltips?: Record<string, any> | undefined;
         readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
         readonly showChannelIcons?: boolean | undefined;
+        readonly channelOrder?: unknown[] | undefined;
+        readonly visibleChannelTypes?: unknown[] | 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/useCommunicationAttributes.d.ts

@@ -1,4 +1,5 @@
 import { type Ref, type ComputedRef } from 'vue';
+import { type ChannelType } from './useCommunicationChannels';
 /** Допустимые статусы контактного атрибута */
 export declare const CONTACT_ATTRIBUTE_STATUSES: readonly ["confirmed", "unconfirmed"];
 export type ContactAttributeStatus = (typeof CONTACT_ATTRIBUTE_STATUSES)[number];
@@ -54,11 +55,12 @@ type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
 /**
  * Параметры composable для работы с контактными атрибутами.
  */
+type PanelChannelTypesRef = MaybeRef<readonly ChannelType[]>;
 interface UseCommunicationAttributesOptions {
     /** Реактивный список контактных атрибутов */
     contactAttributes: MaybeRef<ContactAttribute[]>;
-    /** Текущий активный тип канала */
-    activeChannelType: Ref<string | null>;
+    /** Типы каналов, отображаемые в панели */
+    panelChannelTypes: PanelChannelTypesRef;
     /** Текущий замороженный атрибут (подсвеченный) */
     frozenAttribute: Ref<{
         id?: string;
@@ -67,7 +69,7 @@ interface UseCommunicationAttributesOptions {
 /**
  * Формирует структуру организованных атрибутов.
  */
-export declare function useCommunicationAttributes({ contactAttributes, frozenAttribute, }: UseCommunicationAttributesOptions): {
+export declare function useCommunicationAttributes({ contactAttributes, panelChannelTypes, frozenAttribute, }: UseCommunicationAttributesOptions): {
     organizedContactAttributes: Ref<Record<string, ContactAttribute[]>, Record<string, ContactAttribute[]>>;
     organizeContactAttributes: () => void;
     isAttributeFrozen: (attribute: ContactAttribute | null | undefined) => boolean;

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

@@ -1,9 +1,17 @@
 import { type Component, type ComputedRef, type Ref } from 'vue';
 /**
- * Список поддерживаемых типов каналов в панели коммуникаций.
+ * Все поддерживаемые типы каналов в панели коммуникаций.
  */
 export declare const CHANNEL_TYPES: readonly ["whatsapp", "telegram", "max", "sms", "phone"];
 export type ChannelType = (typeof CHANNEL_TYPES)[number];
+/** Порядок кнопок каналов по умолчанию. */
+export declare const DEFAULT_CHANNEL_ORDER: readonly ChannelType[];
+export declare function isChannelType(value: string): value is ChannelType;
+/**
+ * Собирает итоговый список типов для панели: порядок из channelOrder, видимость из visibleChannelTypes.
+ * Типы из visibleChannelTypes, отсутствующие в channelOrder, добавляются в конце.
+ */
+export declare function resolvePanelChannelTypes(channelOrder: readonly string[] | undefined, visibleChannelTypes: readonly string[] | undefined): ChannelType[];
 /**
  * Базовое описание канала.
  */
@@ -16,15 +24,21 @@ type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
 type ChannelTooltips = Record<string, string>;
 type ChannelsRef = MaybeRef<Channel[]>;
 type ChannelTooltipsRef = MaybeRef<ChannelTooltips | undefined>;
+type ChannelTypesRef = MaybeRef<readonly string[] | undefined>;
 interface UseCommunicationChannelsOptions {
     /** Реактивный список каналов */
     channels: ChannelsRef;
     /** Реактивная карта пользовательских подсказок */
     channelTooltips?: ChannelTooltipsRef;
+    /** Порядок кнопок каналов в панели */
+    channelOrder?: ChannelTypesRef;
+    /** Типы каналов, которые нужно отображать (с бэка — доступные пользователю) */
+    visibleChannelTypes?: ChannelTypesRef;
     /** Текущий выбранный тип канала */
     selectedChannelType: Ref<string | null>;
 }
-export declare function useCommunicationChannels({ channels, channelTooltips, selectedChannelType }: UseCommunicationChannelsOptions): {
+export declare function useCommunicationChannels({ channels, channelTooltips, channelOrder, visibleChannelTypes, selectedChannelType, }: UseCommunicationChannelsOptions): {
+    panelChannelTypes: ComputedRef<("phone" | "whatsapp" | "telegram" | "sms" | "max")[]>;
     channelsTypes: ComputedRef<{
         type: "phone" | "whatsapp" | "telegram" | "sms" | "max";
         component: Component;

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

@@ -16,6 +16,8 @@ declare const meta: {
         attributeTooltips: Record<string, any>;
         attributeIndicatorTooltips: Record<string, any>;
         showChannelIcons: boolean;
+        channelOrder?: unknown[] | undefined;
+        visibleChannelTypes?: unknown[] | undefined;
         $props: {
             readonly channels?: unknown[] | undefined;
             readonly messages?: unknown[] | undefined;
@@ -30,6 +32,8 @@ declare const meta: {
             readonly attributeTooltips?: Record<string, any> | undefined;
             readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
             readonly showChannelIcons?: boolean | undefined;
+            readonly channelOrder?: unknown[] | undefined;
+            readonly visibleChannelTypes?: unknown[] | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};
@@ -37,4 +41,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+/** Только телефон — без мессенджеров (нет доступных каналов связи). */
+export declare const PhoneOnly: Story;
+/** Доступны только WhatsApp и Telegram, свой порядок. */
+export declare const LimitedMessengers: Story;
 export declare const InteractiveWithFeed: Story;

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

@@ -446,6 +446,8 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-blocked-indicator-display': string;
     /** Радиус маркера blocked */
     '--chotto-communicationpanel-blocked-indicator-border-radius': string;
+    /** Фон маркера blocked (прозрачный — только зона для тултипа) */
+    '--chotto-communicationpanel-blocked-indicator-mark-background': string;
     /** Прозрачность маркера blocked */
     '--chotto-communicationpanel-blocked-indicator-opacity': string;
     /** Цвет спиннера подтверждения атрибута */

package/package.json

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