npm - @redneckz/wildless-cms-uni-blocks - Versions diffs - 0.3.36 → 0.3.39 - Mend

@redneckz/wildless-cms-uni-blocks 0.3.36 → 0.3.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/mobile/dist/ui-kit/Button/ButtonInner.js CHANGED Viewed

@@ -4,7 +4,7 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 exports.ButtonInner = (0, uni_jsx_1.JSX)((props) => {
     const { text, aboveText, appendLeft } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-m-2xs font-light text-left", children: aboveText }), (0, jsx_runtime_1.jsx)("div", { className: "text-button-sm text-left", children: text })] })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-m-2xs font-light text-left", children: aboveText }), (0, jsx_runtime_1.jsx)("div", { className: "text-button text-left", children: text })] })) : null] }));
 });
 const getButtonStyle = (props) => {
     const { version, aboveText, rounded } = props;

package/mobile/dist/ui-kit/Button/ButtonInner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,iCAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,gCAAK,SAAS,EAAC,~~0BAA0B~~,YAAE,IAAI,GAAO,~~IAClD~~,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEvE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}
1	+ {"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,iCAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,gCAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,IAC/C,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEvE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/mobile/lib/components/BlockContent.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableCo
 import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTileContent';
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
+import type { GracePeriodContent } from './GracePeriod/GracePeriodContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { LinkListContent } from './LinkList/LinkListContent';
@@ -22,4 +23,4 @@ import type { TileContent } from './Tile/TileContent';
 /**
  * @hidden
  */
-export declare type BlockContent = BenefitsBlockContent | ComparisonTableContent | ExchangeRateTileContent | FooterContent | GalleryContent | HeaderContent | LinkDocsContent | MobileAppTileContent | NavigatorTabsContent | PictureTextContent | PlaceholderContent | ProductBlockContent | ProductGalleryContent | ProductTileContent | PromoTileContent | StepsBlockContent | TariffsTableContent | TextBlockContent | TileContent | NavigationContent | LinkListContent;
+export declare type BlockContent = BenefitsBlockContent | ComparisonTableContent | ExchangeRateTileContent | FooterContent | GalleryContent | GracePeriodContent | HeaderContent | LinkDocsContent | MobileAppTileContent | NavigatorTabsContent | PictureTextContent | PlaceholderContent | ProductBlockContent | ProductGalleryContent | ProductTileContent | PromoTileContent | StepsBlockContent | TariffsTableContent | TextBlockContent | TileContent | NavigationContent | LinkListContent;

package/mobile/lib/components/ContentPage/ContentPage.js CHANGED Viewed

@@ -1,17 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { changeHashOnScroll } from '../../utils/changeHashOnScroll.js';
+import { isSSR } from '../../utils/isSSR.js';
 import { LikeControl } from '../LikeControl/LikeControl.js';
 import { Placeholder } from '../Placeholder/Placeholder.js';
+const isClient = !isSSR();
 const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
 export const ContentPage = JSX(({ className = '', context, blocksRegistry, data: { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' }, blockDecorator = defaultBlockDecorator, }) => {
     const { header } = slots;
     const router = context.useRouter();
     // listener is for NavigatorTabs
-    globalThis.addEventListener('load', () => {
-        const sectionsWithAnchors = globalThis.document.querySelectorAll('section[id]');
-        globalThis.document.addEventListener('scroll', () => changeHashOnScroll(router, sectionsWithAnchors));
-    });
+    isClient &&
+        globalThis.addEventListener('load', () => {
+            const sectionsWithAnchors = globalThis.document.querySelectorAll('section[id]');
+            globalThis.document.addEventListener('scroll', () => changeHashOnScroll(router, sectionsWithAnchors));
+        });
     return (_jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [header?.blocks?.length ? (_jsx("div", { className: `${style2className(header?.style)}`, children: header.blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context }, i)) })) : null, blocks?.length ? (_jsx("div", { className: "container grid grid-cols-12 gap-1", children: blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context }, i)) })) : null, likeControl && (_jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: _jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") }))] }));
 });
 function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {

package/mobile/lib/components/ContentPage/ContentPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;~~AAEpE~~,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAkCzD,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EAChF,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,gCAAgC;IAChC,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;~~QACvC~~,MAAM,mBAAmB,GAAG,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;~~QAChF~~,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAClD,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAChD,CAAC;~~IACJ~~,CAAC,CAAC,CAAC;~~IAEH~~,OAAO,CACL,mBACE,SAAS,EAAE,YAAY,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,gBACpD,YAAY,aAEvB,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CACxB,cAAK,SAAS,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,YAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC9B,WAAW,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,mCAAmC,YAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACvB,WAAW,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,WAAW,IAEV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,IAFZ,aAAa,CAGjB,GACE,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAmB,EACnE,CAAS;IAET,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;KACvD;IACD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,WAAW,CAAC;IAC5E,OAAO,cAAc,CACnB;QACE,cAAc,EAAE,gBAAgB,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QAC9D,KAAK;QACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YACjD,OAAO,CACL,KAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,KACV,OAAO,IALN,GAAG,IAAI,IAAI,CAAC,EAAE,CAMnB,CACH,CAAC;QACJ,CAAC;KACF,EACD,SAAS,CAAC,EAAE,CACb,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}
1	+ {"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/GracePeriod/GracePeriod.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+import type { GracePeriodContent } from './GracePeriodContent';
+export interface GracePeriodProps extends GracePeriodContent, UniBlockProps {
+}
+export declare const GracePeriod: (props: import("@redneckz/uni-jsx").PropsWithChildren<GracePeriodProps, any>, context?: any) => any;

package/mobile/lib/components/GracePeriod/GracePeriod.js ADDED Viewed

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { Img } from '../../ui-kit/Img/Img.js';
+export const GracePeriod = JSX(({ className = '', title, description, calendar, anchor = null }) => {
+    return (_jsxs("section", { className: `bg-white p-16 pt-12 ${className}`, id: anchor, children: [_jsx(Heading, { headingType: "h2", className: "text-center", title: title }), _jsx("div", { className: "font-light text-base-md text-center mt-3", children: description }), renderCalendar(calendar)] }));
+});
+const renderCalendar = (calendar) => {
+    const colCount = calendar.reduce((accumulator, currentValue) => accumulator + currentValue.month.length, 0) || 1;
+    const colSize = 100 / colCount;
+    const mappedCalendar = calendar.map((_) => ({
+        ..._,
+        flexBasis: `${_.month.length * colSize}%`,
+    }));
+    return (_jsxs("div", { className: "w-full flex flex-col justify-center mt-14", children: [_jsx("div", { className: "flex w-full mb-3 font-light text-m-title-md mb-3 text-center", children: mappedCalendar.map((_) => renderMonthNames(_, colSize)) }), _jsx("div", { className: "flex w-full", children: mappedCalendar.map((_, ind) => (_jsxs("div", { className: "pr-3 mr-3 border-r border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0", style: { flexBasis: _.flexBasis }, children: [_jsx("div", { className: "flex", children: renderMonthImages(_) }), _jsxs("div", { className: "font-light text-sm text-primary-text mt-3", children: [_jsx("span", { children: _.blackText }), "\u2009", _jsx("span", { className: "text-primary-main", children: _.greenText })] })] }, `monthItem-${ind}`))) })] }));
+};
+const renderMonthNames = (item, colSize) => item.month.map((_) => (_jsx("div", { style: { flexBasis: `${colSize}%` }, children: _.name }, `monthName-${_.name}`)));
+const renderMonthImages = (item) => item.month.map((_) => (_jsx("div", { className: "max-h-[207px] border-r-[1px] pr-3 mr-3 border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0", children: _jsx(Img, { image: _.image, className: "flex" }) }, `monthImage-${_.image.src}`)));
+//# sourceMappingURL=GracePeriod.js.map

package/mobile/lib/components/GracePeriod/GracePeriod.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GracePeriod.js","sourceRoot":"","sources":["../../../src/components/GracePeriod/GracePeriod.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IAClE,OAAO,CACL,mBAAS,SAAS,EAAE,uBAAuB,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,aAChE,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,cAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,EAC5E,cAAc,CAAC,QAAQ,CAAC,IACjB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,EAAE;IAClC,MAAM,QAAQ,GACZ,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAClG,MAAM,OAAO,GAAG,GAAG,GAAG,QAAQ,CAAC;IAE/B,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1C,GAAG,CAAC;QACJ,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,GAAG;KAC1C,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,cAAK,SAAS,EAAC,8DAA8D,YAC1E,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GACpD,EACN,cAAK,SAAS,EAAC,aAAa,YACzB,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9B,eAEE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,aAEjC,cAAK,SAAS,EAAC,MAAM,YAAE,iBAAiB,CAAC,CAAC,CAAC,GAAO,EAClD,eAAK,SAAS,EAAC,2CAA2C,aACxD,yBAAO,CAAC,CAAC,SAAS,GAAQ,YAC1B,eAAM,SAAS,EAAC,mBAAmB,YAAE,CAAC,CAAC,SAAS,GAAQ,IACpD,KARD,aAAa,GAAG,EAAE,CASnB,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,cAAiC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,OAAO,GAAG,EAAE,YACjE,CAAC,CAAC,IAAI,IADC,aAAa,CAAC,CAAC,IAAI,EAAE,CAEzB,CACP,CAAC,CAAC;AACL,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,EAAE,CACjC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,cAEE,SAAS,EAAC,8FAA8F,YAExG,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAC,MAAM,GAAG,IAHnC,cAAc,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAI5B,CACP,CAAC,CAAC"}

package/mobile/lib/components/GracePeriod/GracePeriodContent.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { Picture } from '../../model/Picture';
+interface Month {
+    /** @title Название месяца */
+    name?: string;
+    /** @title Изображение календарного месяца */
+    image?: Picture;
+}
+interface CalendarItem {
+    month?: Month[];
+    /** @title Основной текст */
+    blackText?: string;
+    /** @title Вспомогательный текст */
+    greenText?: string;
+}
+/**
+ * @title Льготный период
+ */
+export interface GracePeriodContent extends HeadingContent {
+    /** @title Описание */
+    description?: string;
+    /** @title Календарь */
+    calendar?: CalendarItem[];
+}
+export {};

package/mobile/lib/components/GracePeriod/GracePeriodContent.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=GracePeriodContent.js.map

package/mobile/lib/components/GracePeriod/GracePeriodContent.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"GracePeriodContent.js","sourceRoot":"","sources":["../../../src/components/GracePeriod/GracePeriodContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/Header/HeaderSubMenu.js CHANGED Viewed

@@ -3,12 +3,16 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
 import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem.js';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
+import { isSSR } from '../../utils/isSSR.js';
 import { headerSubMenuObserver } from './HeaderSubMenuObserver.js';
 export const HeaderSubMenu = JSX(({ context, subItems, bgColor }) => {
     const [subMenuIsShow, setHiddenMenuIsShow] = context.useState(false);
     const router = context.useRouter();
     const { handlerDecorator } = context;
     setTimeout(() => {
+        if (isSSR()) {
+            return;
+        }
         const headerSubMenu = globalThis.document.querySelectorAll('[data-item-name=header-submenu]');
         headerSubMenu.forEach((_) => {
             headerSubMenuObserver?.observe(_);

package/mobile/lib/components/Header/HeaderSubMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;~~AAEhE~~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"}
1	+ {"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/Header/HeaderSubMenuObserver.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { isSSR } from '../../utils/isSSR.js';
-export const headerSubMenuObserver = isSSR()
-    ? undefined
-    : new IntersectionObserver((entries) => {
+const isClient = !isSSR();
+export const headerSubMenuObserver = isClient
+    ? new IntersectionObserver((entries) => {
         const headerSubMenuButtonElement = window.document.querySelector('[data-header-submenu-visible=toggled]');
         const headerSubMenuItems = Array.from(window.document.querySelectorAll('[data-item-name=header-submenu]'));
         const dotsHeaderSubMenuItems = Array.from(window.document.querySelectorAll('[data-item-name=dots-header-submenu]'));
@@ -16,7 +16,8 @@ export const headerSubMenuObserver = isSSR()
                 ? headerSubMenuButtonElement.classList.remove('hidden')
                 : headerSubMenuButtonElement.classList.add('hidden');
         }
-    }, { root: window.document, threshold: 1.0 });
+    }, { root: window.document, threshold: 1.0 })
+    : undefined;
 // TODO: add types
 const toggleVisibilityInItems = (visibilityList, items, className) => {
     const isReversed = className !== 'hidden';

package/mobile/lib/components/Header/HeaderSubMenuObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderSubMenuObserver.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,~~CAAC~~,~~MAAM~~,~~qBAAqB~~,~~GAAG,~~KAAK,EAAE~~;IAC1C~~,CAAC,CAAC,~~SAAS~~;~~IACX~~,CAAC,CAAC,IAAI,oBAAoB,CACtB,CAAC,OAAO,EAAE,EAAE;QACV,MAAM,0BAA0B,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9D,uCAAuC,CACxC,CAAC;QACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CACnC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CACpE,CAAC;QACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CACvC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CACzE,CAAC;QACF,MAAM,cAAc,GAAG,EAAE,CAAC;QAC1B,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACpB,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC;QACjE,CAAC,CAAC,CAAC;QACH,MAAM,yBAAyB,GAAG,uBAAuB,CACvD,cAAc,EACd,sBAAsB,EACtB,QAAQ,CACT,CAAC;QACF,uBAAuB,CAAC,cAAc,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAAC;QACzE,IAAI,0BAA0B,EAAE;YAC9B,yBAAyB;gBACvB,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACvD,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SACxD;IACH,CAAC,EACD,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,CAC1C,CAAC;~~AAEN~~,kBAAkB;AAClB,MAAM,uBAAuB,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,SAAS,KAAK,QAAQ,CAAC;IAC1C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACvE,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
1	+ {"version":3,"file":"HeaderSubMenuObserver.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ;IAC3C,CAAC,CAAC,IAAI,oBAAoB,CACtB,CAAC,OAAO,EAAE,EAAE;QACV,MAAM,0BAA0B,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9D,uCAAuC,CACxC,CAAC;QACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CACnC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CACpE,CAAC;QACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CACvC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CACzE,CAAC;QACF,MAAM,cAAc,GAAG,EAAE,CAAC;QAC1B,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACpB,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC;QACjE,CAAC,CAAC,CAAC;QACH,MAAM,yBAAyB,GAAG,uBAAuB,CACvD,cAAc,EACd,sBAAsB,EACtB,QAAQ,CACT,CAAC;QACF,uBAAuB,CAAC,cAAc,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAAC;QACzE,IAAI,0BAA0B,EAAE;YAC9B,yBAAyB;gBACvB,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACvD,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SACxD;IACH,CAAC,EACD,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,CAC1C;IACH,CAAC,CAAC,SAAS,CAAC;AAEd,kBAAkB;AAClB,MAAM,uBAAuB,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,SAAS,KAAK,QAAQ,CAAC;IAC1C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACvE,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/mobile/lib/ui-kit/Button/ButtonInner.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const ButtonInner = JSX((props) => {
     const { text, aboveText, appendLeft } = props;
-    return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), _jsx("div", { className: "text-button-sm text-left", children: text })] })) : null] }));
+    return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), _jsx("div", { className: "text-button text-left", children: text })] })) : null] }));
 });
 const getButtonStyle = (props) => {
     const { version, aboveText, rounded } = props;

package/mobile/lib/ui-kit/Button/ButtonInner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,cAAK,SAAS,EAAC,~~0BAA0B~~,YAAE,IAAI,GAAO,~~IAClD~~,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEvE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}
1	+ {"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,IAC/C,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEvE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/mobile/src/components/BlockContent.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableCo
 import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTileContent';
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
+import type { GracePeriodContent } from './GracePeriod/GracePeriodContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { LinkListContent } from './LinkList/LinkListContent';
@@ -29,6 +30,7 @@ export type BlockContent =
   | ExchangeRateTileContent
   | FooterContent
   | GalleryContent
+  | GracePeriodContent
   | HeaderContent
   | LinkDocsContent
   | MobileAppTileContent

package/mobile/src/components/ContentPage/ContentPage.page.json CHANGED Viewed

@@ -2025,6 +2025,100 @@
         ]
       }
     },
+    {
+      "type": "GracePeriod",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Пример использования «Карты для покупок в рассрочку»:",
+        "description": "Необязательное описание",
+        "calendar": [
+          {
+            "blackText": "1 декабря — беспроцентный период",
+            "greenText": "начинается с первого числа каждого месяца",
+            "month": [
+              {
+                "name": "Август",
+                "image": {
+                  "src": "calendar/august.png",
+                  "format": "webp",
+                  "size": {
+                    "width": 210,
+                    "height": "auto"
+                  },
+                  "alt": "Пример использования «Карты для покупок в рассрочку»"
+                }
+              }
+            ]
+          },
+          {
+            "blackText": "25 сентября и 25 октября — обязательный платеж 25 числа следующих месяцев",
+            "greenText": "(минимальный платеж, 3% от суммы задолженности)",
+            "month": [
+              {
+                "name": "Сентябрь",
+                "image": {
+                  "src": "calendar/september.png",
+                  "format": "webp",
+                  "size": {
+                    "width": 210,
+                    "height": "auto"
+                  },
+                  "alt": "Пример использования «Карты для покупок в рассрочку»"
+                }
+              },
+              {
+                "name": "Октябрь",
+                "image": {
+                  "src": "calendar/october.png",
+                  "format": "webp",
+                  "size": {
+                    "width": 210,
+                    "height": "auto"
+                  },
+                  "alt": "Пример использования «Карты для покупок в рассрочку»"
+                }
+              }
+            ]
+          },
+          {
+            "blackText": "25 ноября — последний день беспроцентного 3-х месячного периода",
+            "greenText": "",
+            "month": [
+              {
+                "name": "Ноябрь",
+                "image": {
+                  "src": "calendar/november.png",
+                  "format": "webp",
+                  "size": {
+                    "width": 210,
+                    "height": "auto"
+                  },
+                  "alt": "Пример использования «Карты для покупок в рассрочку»"
+                }
+              }
+            ]
+          },
+          {
+            "blackText": "",
+            "greenText": "25 декабря — обязательный платеж в соответствии с тарифом",
+            "month": [
+              {
+                "name": "Декабрь",
+                "image": {
+                  "src": "calendar/december.png",
+                  "format": "webp",
+                  "size": {
+                    "width": 210,
+                    "height": "auto"
+                  },
+                  "alt": "Пример использования «Карты для покупок в рассрочку»"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/mobile/src/components/ContentPage/ContentPage.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
 import type { BlockDef, ContentPageDef, UniBlockProps } from '../../types';
 import { changeHashOnScroll } from '../../utils/changeHashOnScroll';
+import { isSSR } from '../../utils/isSSR';
 import type { BlockContent } from '../BlockContent';
 import { LikeControl } from '../LikeControl/LikeControl';
 import { Placeholder } from '../Placeholder/Placeholder';
@@ -37,6 +38,8 @@ export interface RenderBlockFunc {
   context: ContentPageContext;
 }
+const isClient = !isSSR();
 const defaultBlockDecorator: BlockDecorator = ({ blockClassName, block, render }) =>
   render({ blockClassName, block });
@@ -52,12 +55,13 @@ export const ContentPage = JSX<ContentPageProps>(
     const router = context.useRouter();
     // listener is for NavigatorTabs
-    globalThis.addEventListener('load', () => {
-      const sectionsWithAnchors = globalThis.document.querySelectorAll('section[id]');
-      globalThis.document.addEventListener('scroll', () =>
-        changeHashOnScroll(router, sectionsWithAnchors),
-      );
-    });
+    isClient &&
+      globalThis.addEventListener('load', () => {
+        const sectionsWithAnchors = globalThis.document.querySelectorAll('section[id]');
+        globalThis.document.addEventListener('scroll', () =>
+          changeHashOnScroll(router, sectionsWithAnchors),
+        );
+      });
     return (
       <section

package/mobile/src/components/GracePeriod/GracePeriod.example.json ADDED Viewed

@@ -0,0 +1,85 @@
+{
+  "title": "Пример использования «Карты для покупок в рассрочку»:",
+  "description": "Описание",
+  "calendar": [
+    {
+      "blackText": "1 декабря — беспроцентный период",
+      "greenText": "начинается с первого числа каждого месяца",
+      "month": [
+        {
+          "name": "Август",
+          "image": {
+            "src": "calendar/august.png",
+            "format": "webp",
+            "size": {
+              "width": 210
+            },
+            "alt": "Пример использования «Карты для покупок в рассрочку»"
+          }
+        }
+      ]
+    },
+    {
+      "blackText": "25 сентября и 25 октября — обязательный платеж 25 числа следующих месяцев",
+      "greenText": "(минимальный платеж, 3% от суммы задолженности)",
+      "month": [
+        {
+          "name": "Сентябрь",
+          "image": {
+            "src": "calendar/september.png",
+            "format": "webp",
+            "size": {
+              "width": 210
+            },
+            "alt": "Пример использования «Карты для покупок в рассрочку»"
+          }
+        },
+        {
+          "name": "Октябрь",
+          "image": {
+            "src": "calendar/october.png",
+            "format": "webp",
+            "size": {
+              "width": 210
+            },
+            "alt": "Пример использования «Карты для покупок в рассрочку»"
+          }
+        }
+      ]
+    },
+    {
+      "blackText": "25 ноября — последний день беспроцентного 3-х месячного периода",
+      "greenText": "",
+      "month": [
+        {
+          "name": "Ноябрь",
+          "image": {
+            "src": "calendar/november.png",
+            "format": "webp",
+            "size": {
+              "width": 210
+            },
+            "alt": "Пример использования «Карты для покупок в рассрочку»"
+          }
+        }
+      ]
+    },
+    {
+      "blackText": "",
+      "greenText": "25 декабря — обязательный платеж в соответствии с тарифом",
+      "month": [
+        {
+          "name": "Декабрь",
+          "image": {
+            "src": "calendar/december.png",
+            "format": "webp",
+            "size": {
+              "width": 210
+            },
+            "alt": "Пример использования «Карты для покупок в рассрочку»"
+          }
+        }
+      ]
+    }
+  ]
+}

package/mobile/src/components/GracePeriod/GracePeriod.tsx ADDED Viewed

@@ -0,0 +1,70 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { GracePeriodContent } from './GracePeriodContent';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+export interface GracePeriodProps extends GracePeriodContent, UniBlockProps {}
+export const GracePeriod = JSX<GracePeriodProps>(
+  ({ className = '', title, description, calendar, anchor = null }) => {
+    return (
+      <section className={`bg-white p-16 pt-12 ${className}`} id={anchor}>
+        <Heading headingType="h2" className="text-center" title={title} />
+        <div className="font-light text-base-md text-center mt-3">{description}</div>
+        {renderCalendar(calendar)}
+      </section>
+    );
+  },
+);
+const renderCalendar = (calendar) => {
+  const colCount =
+    calendar.reduce((accumulator, currentValue) => accumulator + currentValue.month.length, 0) || 1;
+  const colSize = 100 / colCount;
+  const mappedCalendar = calendar.map((_) => ({
+    ..._,
+    flexBasis: `${_.month.length * colSize}%`,
+  }));
+  return (
+    <div className="w-full flex flex-col justify-center mt-14">
+      <div className="flex w-full mb-3 font-light text-m-title-md mb-3 text-center">
+        {mappedCalendar.map((_) => renderMonthNames(_, colSize))}
+      </div>
+      <div className="flex w-full">
+        {mappedCalendar.map((_, ind) => (
+          <div
+            key={`monthItem-${ind}`}
+            className="pr-3 mr-3 border-r border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+            style={{ flexBasis: _.flexBasis }}
+          >
+            <div className="flex">{renderMonthImages(_)}</div>
+            <div className="font-light text-sm text-primary-text mt-3">
+              <span>{_.blackText}</span>&thinsp;
+              <span className="text-primary-main">{_.greenText}</span>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+const renderMonthNames = (item, colSize) =>
+  item.month.map((_) => (
+    <div key={`monthName-${_.name}`} style={{ flexBasis: `${colSize}%` }}>
+      {_.name}
+    </div>
+  ));
+const renderMonthImages = (item) =>
+  item.month.map((_) => (
+    <div
+      key={`monthImage-${_.image.src}`}
+      className="max-h-[207px] border-r-[1px] pr-3 mr-3 border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+    >
+      <Img image={_.image} className="flex" />
+    </div>
+  ));

package/mobile/src/components/GracePeriod/GracePeriodContent.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { Picture } from '../../model/Picture';
+interface Month {
+  /** @title Название месяца */
+  name?: string;
+  /** @title Изображение календарного месяца */
+  image?: Picture;
+}
+interface CalendarItem {
+  month?: Month[];
+  /** @title Основной текст */
+  blackText?: string;
+  /** @title Вспомогательный текст */
+  greenText?: string;
+}
+/**
+ * @title Льготный период
+ */
+export interface GracePeriodContent extends HeadingContent {
+  /** @title Описание */
+  description?: string;
+  /** @title Календарь */
+  calendar?: CalendarItem[];
+}

package/mobile/src/components/Header/HeaderSubMenu.tsx CHANGED Viewed

@@ -4,6 +4,7 @@ import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
+import { isSSR } from '../../utils/isSSR';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { headerSubMenuObserver } from './HeaderSubMenuObserver';
@@ -19,6 +20,10 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(({ context, subItems, bgCol
   const { handlerDecorator } = context;
   setTimeout(() => {
+    if (isSSR()) {
+      return;
+    }
     const headerSubMenu = globalThis.document.querySelectorAll('[data-item-name=header-submenu]');
     headerSubMenu.forEach((_) => {
       headerSubMenuObserver?.observe(_);

package/mobile/src/components/Header/HeaderSubMenuObserver.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import { isSSR } from '../../utils/isSSR';
-export const headerSubMenuObserver = isSSR()
-  ? undefined
-  : new IntersectionObserver(
+const isClient = !isSSR();
+export const headerSubMenuObserver = isClient
+  ? new IntersectionObserver(
       (entries) => {
         const headerSubMenuButtonElement = window.document.querySelector(
           '[data-header-submenu-visible=toggled]',
@@ -30,7 +31,8 @@ export const headerSubMenuObserver = isSSR()
         }
       },
       { root: window.document, threshold: 1.0 },
-    );
+    )
+  : undefined;
 // TODO: add types
 const toggleVisibilityInItems = (visibilityList, items, className) => {

package/mobile/src/ui-kit/Button/ButtonInner.tsx CHANGED Viewed

@@ -14,7 +14,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {isWithText(props) ? (
         <div>
           <div className="text-m-2xs font-light text-left">{aboveText}</div>
-          <div className="text-button-sm text-left">{text}</div>
+          <div className="text-button text-left">{text}</div>
         </div>
       ) : null}
     </div>