@scbt-ecom/ui 0.88.0 → 0.89.0

package/dist/lib/shared/hooks/index.d.ts

@@ -3,6 +3,6 @@ export * from './useBoolean';
 export * from './useClickOutside';
 export * from './useControlledForm';
 export * from './useDebounce';
-export * from './useObserveElements';
+export * from './useObserverWidgets';
 export * from './useFieldsProgress';
 export * from './useFloating';

package/dist/lib/shared/hooks/useObserverWidgets.d.ts

@@ -0,0 +1,7 @@
+import { AllowedWidgets } from '../../widgets';
+export type UseObserverWidgets = {
+    ids: AllowedWidgets[];
+    options?: IntersectionObserverInit;
+    initialState?: boolean;
+};
+export declare const useObserverWidgets: ({ ids, options, initialState }: UseObserverWidgets) => boolean;

package/dist/lib/shared/ui/customLink/index.d.ts

@@ -1,2 +1,2 @@
 export * from './CustomLink';
-export { linkPrimitiveArrowIntent, linkPrimitiveIntent, linkPrimitiveSize } from './model/helpers';
+export { linkPrimitiveIconIntent, linkPrimitiveIntent, linkPrimitiveSize } from './model/helpers';

package/dist/lib/shared/ui/customLink/model/helpers.d.ts

@@ -7,7 +7,7 @@ export declare const linkPrimitiveSize: {
     readonly sm: "desk-body-regular-m";
     readonly md: "desk-body-regular-l";
 };
-export declare const linkPrimitiveArrowIntent: {
+export declare const linkPrimitiveIconIntent: {
     readonly blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ";
     readonly white: "text-icon-white group-hover:text-icon-footer group-focus:text-icon-white";
     readonly dark: "text-icon-dark-default";
@@ -18,7 +18,7 @@ export declare const customLinkConfig: (props?: ({
     disabled?: boolean | null | undefined;
     size?: "md" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const linkArrowConfig: (props?: ({
+export declare const linkIconConfig: (props?: ({
     intent?: "blue" | "white" | "dark" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/shared/ui/icon/allowedIcons.d.ts

@@ -6,12 +6,12 @@ export declare const allowedIcons: {
         readonly communication: readonly ["communication/phone"];
         readonly editor: readonly ["editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo"];
         readonly files: readonly ["files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload"];
-        readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
+        readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
         readonly logos: readonly ["logos/beeline", "logos/megafon", "logos/mts"];
         readonly media: readonly ["media/desktop", "media/mobile"];
         readonly social: readonly ["social/classmates", "social/telegram", "social/vk"];
-        readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
+        readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"];
     };
-    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
+    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"];
 };

package/dist/lib/shared/ui/icon/iconsMap.d.ts

@@ -209,6 +209,12 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'general/heart': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     'general/hiddenEye': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -335,4 +341,10 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'status/succesCircle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
 };

package/dist/lib/shared/ui/popover/Popover.d.ts

@@ -17,6 +17,7 @@ interface PopoverContentProps extends PopoverContentPropsBase {
     defaultOpen?: boolean;
     avoidCollisions?: boolean;
     withCloseBtn?: boolean;
+    withArrow?: boolean;
 }
 export interface PopoverProps extends PopoverContentProps {
     triggerElement: ReactElement;
@@ -24,5 +25,5 @@ export interface PopoverProps extends PopoverContentProps {
     classes?: PopoverClasses;
     portalContainer?: PopoverPrimitive.PopoverPortalProps['container'];
 }
-export declare const Popover: ({ triggerElement, classes, sideOffset, alignOffset, align, side, defaultOpen, avoidCollisions, children, arrowPadding, portalContainer, withCloseBtn, ...contentProps }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ triggerElement, classes, sideOffset, alignOffset, align, side, defaultOpen, avoidCollisions, children, arrowPadding, portalContainer, withCloseBtn, withArrow, ...contentProps }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/widgets/index.d.ts

@@ -18,4 +18,5 @@ export * from './breadcrumbs';
 export * from './seoHeader';
 export * from './calculator';
 export * from './infoBlock';
+export * from './userFeedback';
 export { queryClient } from './queryClientProvider';

package/dist/lib/widgets/userFeedback/UserFeedback.d.ts

@@ -0,0 +1,11 @@
+import { FormStep, FormStepSetter, SubmitCallback, UseRatingReturn } from './model';
+export type RenderFormStep = {
+    formStep: FormStep;
+    setFormStep: FormStepSetter;
+    ratingProps: UseRatingReturn;
+    submitCallback: SubmitCallback;
+};
+export type UserFeedbackProps = {
+    submitCallback: SubmitCallback;
+};
+export declare const UserFeedback: ({ submitCallback }: UserFeedbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/userFeedback/index.d.ts

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

package/dist/lib/widgets/userFeedback/model/hooks/index.d.ts

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

package/dist/lib/widgets/userFeedback/model/hooks/useRating.d.ts

@@ -0,0 +1,9 @@
+import { FormStepSetter } from '../types';
+export type UseRatingReturn = {
+    selectedRating: number;
+    hoveredRatings: number;
+    handleMouseEnter: (index: number) => void;
+    handleMouseLeave: () => void;
+    handleSelectRating: (index: number) => void;
+};
+export declare const useRating: (setFormStep: FormStepSetter) => UseRatingReturn;

package/dist/lib/widgets/userFeedback/model/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types';
+export * from './hooks';
+export * from './schema';

package/dist/lib/widgets/userFeedback/model/schema.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+export declare const userReviewSchema: z.ZodObject<{
+    review: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+}, "strip", z.ZodTypeAny, {
+    review?: string | undefined;
+}, {
+    review?: string | undefined;
+}>;

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

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { z } from 'zod';
+import { userReviewSchema } from './schema';
+export type FormStep = 'rating' | 'review' | 'finally';
+export type FormStepSetter = Dispatch<SetStateAction<FormStep>>;
+export type UserReviewSchema = z.infer<typeof userReviewSchema>;
+export type SubmitCallback = <T extends FieldValues>(values: T) => Promise<void>;

package/dist/lib/widgets/userFeedback/ui/FeedbackTrigger.d.ts

@@ -0,0 +1 @@
+export declare const FeedbackTrigger: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/lib/widgets/userFeedback/ui/SelectRating.d.ts

@@ -0,0 +1,4 @@
+import { UseRatingReturn } from '../model';
+export interface SelectRatingProps extends UseRatingReturn {
+}
+export declare const SelectRating: ({ handleMouseLeave, hoveredRatings, selectedRating, handleSelectRating, handleMouseEnter }: SelectRatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/userFeedback/ui/Success.d.ts

@@ -0,0 +1,3 @@
+export interface SuccessProps {
+}
+export declare const Success: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/userFeedback/ui/UserReviewForm.d.ts

@@ -0,0 +1,7 @@
+import { FormStepSetter, SubmitCallback } from '../model';
+export interface UserReviewFormProps {
+    submitCallback: SubmitCallback;
+    setFormStep: FormStepSetter;
+    rating: number;
+}
+export declare const UserReviewForm: ({ submitCallback, rating, setFormStep }: UserReviewFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/userFeedback/ui/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FeedbackTrigger';
+export * from './Success';
+export * from './UserReviewForm';
+export * from './SelectRating';

package/dist/static/static/general/heart.svg

@@ -0,0 +1,12 @@
+<svg
+viewBox="0 0 48 48"
+xmlns="http://www.w3.org/2000/svg"
+fill="currentColor"
+>
+<g stroke-width="0" />
+<g stroke-linecap="round" stroke-linejoin="round" />
+<g>
+<defs />
+<path d="m43,17.0766c0-5.6539-4.5835-10.2373-10.2374-10.2373-3.7223,0-6.9708,1.9932-8.7626,4.964-1.7919-2.9708-5.0403-4.964-8.7626-4.964-5.6539,0-10.2373,4.5834-10.2373,10.2373,0,1.2925.2496,2.524.6866,3.6627,3.3851,9.7368,18.3134,20.4215,18.3134,20.4215,0,0,14.9282-10.6847,18.3134-20.4215.437-1.1386.6867-2.3702.6867-3.6627Z" />
+</g>
+</svg>

package/dist/static/static/status/succesCircle.svg

@@ -0,0 +1,14 @@
+<svg
+width="40"
+height="40"
+viewBox="0 0 40 40"
+fill="none"
+xmlns="http://www.w3.org/2000/svg"
+>
+<path
+fill-rule="evenodd"
+clip-rule="evenodd"
+d="M20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40C31.0457 40 40 31.0457 40 20C40 8.95431 31.0457 0 20 0ZM2.82051 20C2.82051 10.512 10.512 2.82051 20 2.82051C29.488 2.82051 37.1795 10.512 37.1795 20C37.1795 29.488 29.488 37.1795 20 37.1795C10.512 37.1795 2.82051 29.488 2.82051 20ZM29.3305 13.2336C28.7798 12.6828 27.8869 12.6828 27.3361 13.2336L17.1575 23.4122C17.0613 23.5084 16.9309 23.5624 16.7949 23.5624C16.6589 23.5624 16.5284 23.5084 16.4323 23.4122L12.6639 19.6438C12.1131 19.0931 11.2202 19.0931 10.6695 19.6438C10.1187 20.1946 10.1187 21.0875 10.6695 21.6382L15.7977 26.7664C16.3484 27.3172 17.2413 27.3172 17.7921 26.7664L29.3305 15.228C29.8813 14.6772 29.8813 13.7843 29.3305 13.2336Z"
+fill="#00A857"
+/>
+ </svg>

package/dist/ui.js

@@ -1,5 +1,5 @@
-import { c as Ze, R as et, B as D, u as tt, a as nt, b as ot, d as rt, P as U, e as Fe, f as it, I as lt, g as W, h as st, A as ut, i as oe, D as at, V as gt, O as dt } from "./index-B6tiFtIj.js";
-import { s as Jn, o as Yn, C as Zn, r as eo, y as to, t as no, U as oo, Q as ro, z as io, v as lo, E as so, H as uo, T as ao, L as go, M as co, N as fo, n as po, p as mo, q as So, x as ho, w as Co, S as wo, W as Ro, F as vo, j as xo, l as _o, k as Fo, m as yo, X as $o, G as Vo, J as Mo, K as Io } from "./index-B6tiFtIj.js";
+import { c as Ze, R as et, B as D, u as tt, a as nt, b as ot, d as rt, P as U, e as Fe, f as it, I as lt, g as W, h as st, A as ut, i as oe, D as at, V as gt, O as dt } from "./index-BFZfRLgg.js";
+import { s as Jn, o as Yn, C as Zn, r as eo, y as to, t as no, U as oo, Q as ro, z as io, v as lo, E as so, H as uo, T as ao, L as go, M as co, N as fo, n as po, p as mo, q as So, x as ho, w as Co, S as wo, W as Ro, F as vo, j as xo, l as _o, k as Fo, m as yo, X as $o, G as Vo, J as Mo, K as Io } from "./index-BFZfRLgg.js";
 import { j as S, m as ct } from "./mergeRefs-Danc3mp8.js";
 import * as E from "react";
 import { forwardRef as M, useState as z, useRef as we, useEffect as ft, isValidElement as k, cloneElement as ye, Children as b } from "react";
@@ -81,6 +81,7 @@ const mt = Ze(
       "general/check",
       "general/close",
       "general/edit",
+      "general/heart",
       "general/hiddenEye",
       "general/menu",
       "general/plus",
@@ -93,7 +94,7 @@ const mt = Ze(
     logos: ["logos/beeline", "logos/megafon", "logos/mts"],
     media: ["media/desktop", "media/mobile"],
     social: ["social/classmates", "social/telegram", "social/vk"],
-    status: ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"]
+    status: ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"]
   },
   flatten: [
     "arrows/arrowCircle",
@@ -131,6 +132,7 @@ const mt = Ze(
     "general/check",
     "general/close",
     "general/edit",
+    "general/heart",
     "general/hiddenEye",
     "general/menu",
     "general/plus",
@@ -151,7 +153,8 @@ const mt = Ze(
     "status/badSmile",
     "status/iconMark",
     "status/iconRetry",
-    "status/iconUser"
+    "status/iconUser",
+    "status/succesCircle"
   ]
 };
 var K = "Tabs", [St, Bn] = ot(K, [
@@ -2757,7 +2760,7 @@ export {
   Ao as formatDateToMonthString,
   Ho as formatDateToYearString,
   $o as isSingleOption,
-  Vo as linkPrimitiveArrowIntent,
+  Vo as linkPrimitiveIconIntent,
   Mo as linkPrimitiveIntent,
   Io as linkPrimitiveSize
 };