@scbt-ecom/ui 0.163.0 → 0.165.0

package/dist/types/lib/shared/dataLayers/index.d.ts

@@ -1 +1,2 @@
 export { pushToDL, type PushToDLProps } from './pushToDL';
+export * from './utils';

package/dist/types/lib/shared/dataLayers/utils.d.ts

@@ -0,0 +1,33 @@
+import { AllowedWidgets } from '../../widgets';
+/**
+ * @param name - название ссылки
+ * @param link - ссылка
+ * @param placement - в каком блоке находится ссылка, например seo-header, header, footer
+ */
+export declare const pushToDlLink: (name: string | undefined, link: string | undefined, placement: AllowedWidgets | string) => void;
+/**
+ * @param name - название кнопки
+ * @param headline - заголовок блока в котором лежит кнопка
+ * @param placement - в каком блоке находится кнопка, например seo-header, header, footer
+ */
+export declare const pushToDlButton: (name: string | undefined, headline: string | undefined, placement: AllowedWidgets | string) => void;
+/**
+ *
+ * @param name - название таб-а
+ * @param headline - заголовок блока в котором лежит таб
+ * @param placement - в каком блоке находится таб, например seo-header, header, footer
+ */
+export declare const pushToDlTab: (name: string | undefined, headline: string | undefined, placement: AllowedWidgets | string) => void;
+/**
+ *
+ * @param name - название аккорд иона
+ * @param tabName - название таб-а, в котором был нажат аккорд ион
+ * @param placement - в каком блоке находится аккорд ион, например seo-header, header, footer
+ */
+export declare const pushToDlAccordion: (name: string | undefined, tabName: string | undefined, placement: AllowedWidgets | string) => void;
+/**
+ *
+ * @param title - текст, который рядом с тул-типом, его сосед
+ * @param placement - в каком блоке находится тул-тип, например seo-header, header, footer
+ */
+export declare const pushToDlTooltip: (title: string | undefined, placement: AllowedWidgets | string) => void;

package/dist/types/lib/shared/utils/extractTextFromHtml.d.ts

@@ -0,0 +1,2 @@
+export type HtmlString = string | undefined;
+export declare const extractTextFromHtml: (html: HtmlString) => string;

package/dist/types/lib/shared/utils/index.d.ts

@@ -11,3 +11,5 @@ export { assertUnreachable } from './assertUnreachable';
 export { ErrorBoundary } from './ErrorBoundary';
 export * from './sessionStorage';
 export * from './variableHolder';
+export * from './extractTextFromHtml';
+export * from './variables';

package/dist/types/lib/shared/utils/variables/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './types';
+export * from './variableResolver';

package/dist/types/lib/shared/utils/variables/types.d.ts

@@ -0,0 +1,17 @@
+type ReplaceStrings<T> = T extends string ? string : T;
+type ResolveArray<T> = T extends Array<infer U> ? Array<Resolved<U>> : T;
+type ResolveObject<T> = T extends object ? {
+    [K in keyof T]: Resolved<T[K]>;
+} : T;
+type ResolveNullish<T> = T extends null | undefined ? T : T;
+export type Resolved<T> = ReplaceStrings<T> extends T ? ResolveArray<T> extends T ? ResolveObject<T> extends T ? ResolveNullish<T> : ResolveObject<T> : ResolveArray<T> : ReplaceStrings<T>;
+export type VariablePattern = {
+    start: string;
+    end: string;
+};
+export type VariableType = {
+    key: string;
+    value: string;
+};
+export type AllowedVariablePrefix = '$' | '@' | '#';
+export {};

package/dist/types/lib/shared/utils/variables/variableResolver.d.ts

@@ -0,0 +1,10 @@
+import { AllowedVariablePrefix, Resolved, VariablePattern, VariableType } from './types';
+export declare const defaultAllowedPrefixes: AllowedVariablePrefix[];
+export declare const variableResolver: <Variable extends VariableType>() => {
+    addPattern: (start: VariablePattern["start"], end: VariablePattern["end"]) => /*elided*/ any;
+    addVariables: (vars: Variable[]) => /*elided*/ any;
+    unwrapVariable: (string: string, allowedPrefixes?: AllowedVariablePrefix[]) => string;
+    wrapVariable: (string: string, allowedPrefixes?: AllowedVariablePrefix[]) => string;
+    escapeVariable: (string: string) => string;
+    resolve: <T>(data: T) => Resolved<T>;
+};

package/dist/types/lib/widgets/banner/Banner.d.ts

@@ -4,7 +4,7 @@ import { AdvantageClasses, AdvantagesProps } from './ui/banners/ui';
 import { BackgroundBannerColors } from '../../shared/constants';
 import { ImagesPrimitive } from '../../shared/types/shared-types';
 export interface BannerProps {
-    headTitle: string | ReactElement;
+    headTitle: string;
     subtitle: string | ReactElement;
     buttonsConfig: ButtonsConfig;
     advantages?: AdvantagesProps;

package/dist/types/lib/widgets/banner/ui/banners/ui/Buttons.d.ts

@@ -7,6 +7,7 @@ export type ButtonsClasses = {
 interface ButtonsProps {
     classes?: ButtonsClasses;
     buttonConfig: ButtonsConfig;
+    headTitle: string;
 }
-export declare const Buttons: ({ buttonConfig, classes }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Buttons: ({ buttonConfig, headTitle, classes }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/widgets/benefit/ui/BenefitItem.d.ts

@@ -12,5 +12,6 @@ export type BenefitItemClasses = {
 export interface BenefitItemProps extends Details {
     classes?: BenefitItemClasses;
     variant?: 'twoCards' | 'threeCards' | 'fourCards';
+    headline: string;
 }
-export declare const BenefitItem: ({ subtitle, title, img, classes, button, variant, color, enabledMobileImage }: BenefitItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BenefitItem: ({ subtitle, title, img, classes, button, variant, color, enabledMobileImage, headline }: BenefitItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/calculator/CalculatorView.d.ts

@@ -9,5 +9,6 @@ export interface CalculatorViewProps<T extends FieldValues = FieldValues> extend
     calculatorInfoConfig: CalculatorInfoProps;
     calculatorFieldsConfig: CalculatorFieldsProps<T>;
     classes?: CalculatorViewClasses;
+    headline?: string;
 }
-export declare const CalculatorView: <T extends FieldValues>({ calculatorInfoConfig, calculatorFieldsConfig, classes }: CalculatorViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const CalculatorView: <T extends FieldValues>({ calculatorInfoConfig, calculatorFieldsConfig, classes, headline }: CalculatorViewProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/calculator/ui/CalculatorTabs.d.ts

@@ -13,5 +13,6 @@ export interface CalculatorTabsProps {
     activeCalculator: CalculatorTabValue;
     setActiveCalculator: Dispatch<SetStateAction<CalculatorTabValue>>;
     classes?: CalculatorTabsClasses;
+    headline: string;
 }
-export declare const CalculatorTabs: import('react').MemoExoticComponent<({ calculatorTabs, activeCalculator, setActiveCalculator, classes }: CalculatorTabsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CalculatorTabs: import('react').MemoExoticComponent<({ calculatorTabs, activeCalculator, setActiveCalculator, headline, classes }: CalculatorTabsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.d.ts

@@ -8,5 +8,6 @@ export type CalculatorInfoClasses = {
 };
 export interface CalculatorInfoProps extends Omit<CalculatedBlockProps, 'classes'>, Omit<CalculatorInfoHeadProps, 'classes'>, Omit<CalculatedInfoBodyProps, 'classes'>, Omit<CalculatorInfoFooterProps, 'classes'> {
     classes?: CalculatorInfoClasses;
+    headline?: string;
 }
-export declare const CalculatorInfo: ({ rootDescription, bottomDescription, rootValue, title, subtitle, buttonsConfig, infoList, suffix, assistHint, classes }: CalculatorInfoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalculatorInfo: ({ rootDescription, bottomDescription, rootValue, title, subtitle, buttonsConfig, infoList, suffix, assistHint, headline, classes }: CalculatorInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.d.ts

@@ -10,5 +10,6 @@ export interface CalculatorInfoFooterProps {
     buttonsConfig: ButtonWithHandlersProps[];
     bottomDescription?: string;
     classes?: CalculatorInfoFooterClasses;
+    headline?: string;
 }
-export declare const CalculatorInfoFooter: ({ assistHint, buttonsConfig, bottomDescription, classes }: CalculatorInfoFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalculatorInfoFooter: ({ assistHint, buttonsConfig, bottomDescription, classes, headline }: CalculatorInfoFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/conditionBlock/ConditionBlock.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes } from 'react';
 import { ConditionType, ConditionWitchCTAType } from './model/types';
 import { ConditionsWithCTAClasses } from './ui/ConditionsWithCTA';
 import { SingleConditionClasses } from './ui/SingleCondition';
@@ -13,7 +13,7 @@ export type ConditionBlockClasses = {
     conditionsWithCTA?: ConditionsWithCTAClasses;
 };
 export interface ConditionBlockClassesProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {
-    headline: ReactElement | string;
+    headline: string;
     conditions?: ConditionType<WithImages>[];
     classes?: ConditionBlockClasses;
     conditionsWithCTA?: ConditionWitchCTAType;

package/dist/types/lib/widgets/conditionBlock/model/types.d.ts

@@ -46,4 +46,5 @@ export type ConditionWitchCTAType = {
     descriptionSecondRate?: string;
     mainDescription?: string;
     button?: ButtonWithHandlersProps;
+    headline: string;
 };

package/dist/types/lib/widgets/esia/ui/TextBlock.d.ts

@@ -4,7 +4,6 @@ export type TextBlockClasses = {
     description?: string;
 };
 export interface TextBlockProps {
-    isMobile: boolean;
     classes?: TextBlockClasses;
     titles: {
         desktopTitle: string;
@@ -12,4 +11,4 @@ export interface TextBlockProps {
     };
     description?: string;
 }
-export declare const TextBlock: ({ titles, description, isMobile, classes }: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBlock: ({ titles, description, classes }: TextBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/longBanner/LongBanner.d.ts

@@ -1,8 +1,7 @@
-import { ReactElement } from 'react';
 import { ImagesPrimitive } from '../../shared/types/shared-types';
 import { ButtonConfig, Details, LongBannerClasses, LongBannerConfig } from './model/types';
 export interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {
-    headline: string | ReactElement;
+    headline: string;
     details: Details<Enabled>[];
     intent?: 'twoItems' | 'fourItems';
     buttonConfig?: ButtonConfig;

package/dist/types/lib/widgets/seoHeader/model/index.d.ts

@@ -1,2 +1 @@
 export type * from './types';
-export * from './dataLayers';

package/dist/types/lib/widgets/stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes } from 'react';
 import { SingleStepper } from './model/types';
 import { SingleStepClasses } from './ui/SingleStep';
 import { StepperCarouselClasses } from './ui/StepperCarousel';
@@ -14,7 +14,7 @@ export type StepperClasses = {
     stepperCarousel?: StepperCarouselClasses;
 };
 export interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {
-    headline: ReactElement | string;
+    headline: string;
     steppers: SingleStepper<WithImages>[];
     classes?: StepperClasses;
 }

package/dist/types/lib/widgets/stepper/ui/StepperTabs.d.ts

@@ -12,5 +12,6 @@ export interface StepperTabsProps {
     activeStepper: StepperTabValue;
     setActiveStepper: Dispatch<SetStateAction<StepperTabValue>>;
     classes?: StepperTabsClasses;
+    headline?: string;
 }
-export declare const StepperTabs: import('react').MemoExoticComponent<({ stepperTabs, activeStepper, setActiveStepper, classes }: StepperTabsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const StepperTabs: import('react').MemoExoticComponent<({ stepperTabs, activeStepper, setActiveStepper, classes, headline }: StepperTabsProps) => import("react/jsx-runtime").JSX.Element>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.163.0",
+  "version": "0.165.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/lib/widgets/footer/model/dataLayers.js

@@ -1,2 +0,0 @@
-import{pushToDL as n}from"../../../shared/dataLayers/pushToDL.js";const c=(o,t,e="footer")=>{n({event:"buttonClick",name:o,eventCategory:"click_menu",eventAction:t,placement:e})};export{c as pushToDlLinkFooter};
-//# sourceMappingURL=dataLayers.js.map

package/dist/lib/widgets/footer/model/dataLayers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataLayers.js","sources":["../../../../../lib/widgets/footer/model/dataLayers.ts"],"sourcesContent":["import { pushToDL } from '../../../shared/dataLayers'\n\nexport const pushToDlLinkFooter = (name: string | undefined, link: string | undefined, placement: string = 'footer') => {\n  pushToDL({\n    event: 'buttonClick',\n    name,\n    eventCategory: 'click_menu',\n    eventAction: link,\n    placement\n  })\n}\n"],"names":["pushToDlLinkFooter","name","link","placement","pushToDL"],"mappings":"kEAEO,MAAMA,EAAqB,CAACC,EAA0BC,EAA0BC,EAAoB,WAAa,CACtHC,EAAS,CACP,MAAO,cACP,KAAAH,EACA,cAAe,aACf,YAAaC,EACb,UAAAC,CAAA,CACD,CACH"}

package/dist/lib/widgets/seoHeader/model/dataLayers.js

@@ -1,2 +0,0 @@
-import{pushToDL as n}from"../../../shared/dataLayers/pushToDL.js";const c=(e,o,t="seo-header")=>{n({event:"buttonClick",name:e,eventCategory:"click_menu",eventAction:o,placement:t})};export{c as pushToDlLinkSeoHeader};
-//# sourceMappingURL=dataLayers.js.map

package/dist/lib/widgets/seoHeader/model/dataLayers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataLayers.js","sources":["../../../../../lib/widgets/seoHeader/model/dataLayers.ts"],"sourcesContent":["import { pushToDL } from '../../../shared/dataLayers'\n\nexport const pushToDlLinkSeoHeader = (name: string | undefined, link: string | undefined, placement: string = 'seo-header') => {\n  pushToDL({\n    event: 'buttonClick',\n    name,\n    eventCategory: 'click_menu',\n    eventAction: link,\n    placement\n  })\n}\n"],"names":["pushToDlLinkSeoHeader","name","link","placement","pushToDL"],"mappings":"kEAEO,MAAMA,EAAwB,CAACC,EAA0BC,EAA0BC,EAAoB,eAAiB,CAC7HC,EAAS,CACP,MAAO,cACP,KAAAH,EACA,cAAe,aACf,YAAaC,EACb,UAAAC,CAAA,CACD,CACH"}

package/dist/types/lib/widgets/footer/model/dataLayers.d.ts

@@ -1 +0,0 @@
-export declare const pushToDlLinkFooter: (name: string | undefined, link: string | undefined, placement?: string) => void;

package/dist/types/lib/widgets/seoHeader/model/dataLayers.d.ts

@@ -1 +0,0 @@
-export declare const pushToDlLinkSeoHeader: (name: string | undefined, link: string | undefined, placement?: string) => void;