@redneckz/wildless-cms-uni-blocks 0.2.60 → 0.2.61
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.
- package/dist/BaseTile.d.ts +2 -1
- package/dist/BaseTile.js +2 -15
- package/dist/BaseTile.js.map +1 -1
- package/dist/Blocks.d.ts +3 -1
- package/dist/Blocks.js +2 -0
- package/dist/Blocks.js.map +1 -1
- package/dist/ContentPage.js +1 -1
- package/dist/ContentPage.js.map +1 -1
- package/dist/Icons/AppleIcon.js +1 -1
- package/dist/Icons/AppleIcon.js.map +1 -1
- package/dist/MobileBlocks.d.ts +1 -0
- package/dist/MobileBlocks.js +2 -0
- package/dist/MobileBlocks.js.map +1 -1
- package/dist/ProductBlockInner.js +2 -1
- package/dist/ProductBlockInner.js.map +1 -1
- package/dist/StepsBlock.js +2 -1
- package/dist/StepsBlock.js.map +1 -1
- package/dist/TextBlock.d.ts +14 -0
- package/dist/TextBlock.js +36 -0
- package/dist/TextBlock.js.map +1 -0
- package/dist/types.d.ts +0 -1
- package/dist/ui-kit/Button.js +1 -1
- package/dist/ui-kit/Title.d.ts +11 -0
- package/dist/ui-kit/Title.js +17 -0
- package/dist/ui-kit/Title.js.map +1 -0
- package/lib/BaseTile.d.ts +2 -1
- package/lib/BaseTile.js +2 -15
- package/lib/BaseTile.js.map +1 -1
- package/lib/Blocks.d.ts +3 -1
- package/lib/Blocks.js +2 -0
- package/lib/Blocks.js.map +1 -1
- package/lib/ContentPage.js +1 -1
- package/lib/ContentPage.js.map +1 -1
- package/lib/Icons/AppleIcon.js +1 -1
- package/lib/Icons/AppleIcon.js.map +1 -1
- package/lib/MobileBlocks.d.ts +1 -0
- package/lib/MobileBlocks.js +2 -0
- package/lib/MobileBlocks.js.map +1 -1
- package/lib/ProductBlockInner.js +2 -1
- package/lib/ProductBlockInner.js.map +1 -1
- package/lib/StepsBlock.js +2 -1
- package/lib/StepsBlock.js.map +1 -1
- package/lib/TextBlock.d.ts +14 -0
- package/lib/TextBlock.js +34 -0
- package/lib/TextBlock.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/types.d.ts +0 -1
- package/lib/ui-kit/Button.js +1 -1
- package/lib/ui-kit/Title.d.ts +11 -0
- package/lib/ui-kit/Title.js +15 -0
- package/lib/ui-kit/Title.js.map +1 -0
- package/package.json +1 -1
- package/src/BaseTile.tsx +8 -17
- package/src/Blocks.ts +3 -0
- package/src/ContentPage.page.json +12 -0
- package/src/ContentPage.tsx +1 -1
- package/src/Icons/AppleIcon.tsx +1 -1
- package/src/MobileBlocks.ts +2 -0
- package/src/ProductBlockInner.tsx +3 -2
- package/src/StepsBlock.tsx +2 -1
- package/src/TextBlock.fixture.tsx +116 -0
- package/src/TextBlock.tsx +72 -0
- package/src/Tile.tsx +1 -1
- package/src/common.css +15 -15
- package/src/setup-fixture.ts +6 -2
- package/src/types.ts +0 -2
- package/src/ui-kit/Button.tsx +1 -1
- package/src/ui-kit/Title.tsx +25 -0
package/dist/BaseTile.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { BlockVersion, Picture, UniBlockProps
|
|
1
|
+
import type { BlockVersion, Picture, UniBlockProps } from './types';
|
|
2
2
|
import type { IconButtonProps } from './ui-kit/IconButton';
|
|
3
|
+
import type { TitleSize } from './ui-kit/Title';
|
|
3
4
|
export interface BaseTileContent {
|
|
4
5
|
title?: string;
|
|
5
6
|
titleSize?: TitleSize;
|
package/dist/BaseTile.js
CHANGED
|
@@ -5,28 +5,15 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const Img_1 = require("./Img");
|
|
6
6
|
const BlockItem_1 = require("./ui-kit/BlockItem");
|
|
7
7
|
const IconButton_1 = require("./ui-kit/IconButton");
|
|
8
|
+
const Title_1 = require("./ui-kit/Title");
|
|
8
9
|
const useLink_1 = require("./useLink");
|
|
9
10
|
const getColSpan_1 = require("./utils/getColSpan");
|
|
10
11
|
const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
|
|
11
12
|
exports.BaseTile = (0, uni_jsx_1.JSX)(({ className, context, title, titleSize, description, children, buttons, image, items, version = 'primary', }) => {
|
|
12
13
|
const router = context.useRouter();
|
|
13
14
|
const { handlerDecorator } = context;
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex flex-col grow h-full`, children: [title &&
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex flex-col grow h-full`, children: [title && ((0, jsx_runtime_1.jsx)(Title_1.Title, { size: titleSize || getTitleSizeByClassName(className), className: TITLE_CLASSES, children: title })), (0, jsx_runtime_1.jsxs)("div", { className: "flex grow justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between items-start", children: [(0, jsx_runtime_1.jsxs)("div", { children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mb-5", children: description })) : null, children, items?.length ? renderItems(items, version) : null] }), buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-9 gap-3", children: buttons.map((button, index) => renderButton((0, useLink_1.useLink)({ router, handlerDecorator }, button), index)) })) : null] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto ml-7", image: image })] })] }));
|
|
15
16
|
});
|
|
16
|
-
function renderTitle(title, titleSize) {
|
|
17
|
-
switch (titleSize) {
|
|
18
|
-
case 'XL':
|
|
19
|
-
return (0, jsx_runtime_1.jsx)("h1", { className: `${TITLE_CLASSES} text-title-lg`, children: title });
|
|
20
|
-
case 'L':
|
|
21
|
-
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
22
|
-
case 'M':
|
|
23
|
-
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title-sm`, children: title });
|
|
24
|
-
case 'S':
|
|
25
|
-
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title-xs`, children: title });
|
|
26
|
-
default:
|
|
27
|
-
return (0, jsx_runtime_1.jsx)("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
17
|
function getTitleSizeByClassName(className = '') {
|
|
31
18
|
const colSpan = (0, getColSpan_1.getColSpan)(className);
|
|
32
19
|
if (colSpan <= 4) {
|
package/dist/BaseTile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+BAA4B;AAE5B,kDAA+C;AAE/C,oDAAiD;AACjD,uCAAoC;AACpC,mDAAgD;AAahD,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAElE,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,iCAAK,SAAS,EAAE,qCAAqC,aAClD,KAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+BAA4B;AAE5B,kDAA+C;AAE/C,oDAAiD;AACjD,0CAAuC;AAEvC,uCAAoC;AACpC,mDAAgD;AAahD,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAElE,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,iCAAK,SAAS,EAAE,qCAAqC,aAClD,KAAK,IAAI,CACR,uBAAC,aAAK,IAAC,IAAI,EAAE,SAAS,IAAI,uBAAuB,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,aAAa,YACnF,KAAK,GACA,CACT,EACD,iCAAK,SAAS,EAAC,2BAA2B,aACxC,iCAAK,SAAS,EAAC,2CAA2C,aACxD,4CACG,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/C,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,iBAAiB,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7B,YAAY,CAAC,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,IACzD,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,uBAAuB,CAAC,YAAoB,EAAE;IACrD,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAC;IACtC,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,OAAO,IAAI,CAAC,EAAE;QACvB,OAAO,GAAG,CAAC;KACZ;SAAM;QACL,OAAO,GAAG,CAAC;KACZ;AACH,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE,EAAE,OAAsB;IAC/D,OAAO,CACL,oCAAS,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,YAC3C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,uBAAC,qBAAS,IAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,IAAlE,MAAM,CAAC,CAAC,CAAC,CAA6D,CACvF,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,MAAuB,EAAE,CAAS;IACtD,OAAO,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,uBAAU,OAAqB,MAAM,IAArB,MAAM,CAAC,CAAC,CAAC,CAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1E,CAAC"}
|
package/dist/Blocks.d.ts
CHANGED
|
@@ -10,12 +10,14 @@ import { StepsBlockContent } from './StepsBlock';
|
|
|
10
10
|
import { ProductTileContent } from './ProductTile';
|
|
11
11
|
import { BaseTileContent } from './BaseTile';
|
|
12
12
|
import { PromoTileContent } from './PromoTile';
|
|
13
|
+
import { TextBlockContent } from './TextBlock';
|
|
13
14
|
export declare const Blocks: {
|
|
14
15
|
Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
|
|
15
16
|
Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Footer/Footer").FooterProps, any>, context?: any) => any;
|
|
16
17
|
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
17
18
|
Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Tile").TileProps, any>, context?: any) => any;
|
|
18
19
|
PromoTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./PromoTile").PromoTileProps, any>, context?: any) => any;
|
|
20
|
+
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
19
21
|
ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
|
|
20
22
|
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
|
|
21
23
|
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
@@ -24,4 +26,4 @@ export declare const Blocks: {
|
|
|
24
26
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
25
27
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
26
28
|
};
|
|
27
|
-
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | BaseTileContent | ProductTileContent | PromoTileContent | ProductBlockInnerContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent;
|
|
29
|
+
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | BaseTileContent | TextBlockContent | ProductTileContent | PromoTileContent | ProductBlockInnerContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent;
|
package/dist/Blocks.js
CHANGED
|
@@ -12,12 +12,14 @@ const StepsBlock_1 = require("./StepsBlock");
|
|
|
12
12
|
const ProductTile_1 = require("./ProductTile");
|
|
13
13
|
const PromoTile_1 = require("./PromoTile");
|
|
14
14
|
const Tile_1 = require("./Tile");
|
|
15
|
+
const TextBlock_1 = require("./TextBlock");
|
|
15
16
|
exports.Blocks = {
|
|
16
17
|
Header: index_2.Header,
|
|
17
18
|
Footer: index_1.Footer,
|
|
18
19
|
Placeholder: Placeholder_1.Placeholder,
|
|
19
20
|
Tile: Tile_1.Tile,
|
|
20
21
|
PromoTile: PromoTile_1.PromoTile,
|
|
22
|
+
TextBlock: TextBlock_1.TextBlock,
|
|
21
23
|
ProductTile: ProductTile_1.ProductTile,
|
|
22
24
|
ProductBlock: ProductBlock_1.ProductBlock,
|
|
23
25
|
StepsBlock: StepsBlock_1.StepsBlock,
|
package/dist/Blocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,mDAAsE;AACtE,yDAA+E;AAC/E,0CAAuD;AACvD,0CAAuD;AACvD,mDAAsE;AACtE,+CAAgE;AAChE,iDAA8C;AAE9C,qDAAyE;AACzE,6CAA6D;AAC7D,+CAAgE;AAEhE,2CAA0D;AAC1D,iCAA8B;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,mDAAsE;AACtE,yDAA+E;AAC/E,0CAAuD;AACvD,0CAAuD;AACvD,mDAAsE;AACtE,+CAAgE;AAChE,iDAA8C;AAE9C,qDAAyE;AACzE,6CAA6D;AAC7D,+CAAgE;AAEhE,2CAA0D;AAC1D,iCAA8B;AAC9B,2CAA0D;AAE7C,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,cAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,SAAS,EAAT,qBAAS;IACT,SAAS,EAAT,qBAAS;IACT,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;CACd,CAAC"}
|
package/dist/ContentPage.js
CHANGED
|
@@ -6,7 +6,7 @@ const LikeControl_1 = require("./LikeControl");
|
|
|
6
6
|
const Placeholder_1 = require("./Placeholder");
|
|
7
7
|
const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
|
|
8
8
|
exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, context, blocksRegistry, data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' }, blockDecorator = defaultBlockDecorator, }) => {
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("section", { className: "relative", "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className}`, children: blocks?.length ? blocks.map(renderBlock) : null }), likeControl && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: (0, jsx_runtime_1.jsx)(LikeControl_1.LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }) }))] }));
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: "relative", "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className || ''}`, children: blocks?.length ? blocks.map(renderBlock) : null }), likeControl && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: (0, jsx_runtime_1.jsx)(LikeControl_1.LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }) }))] }));
|
|
10
10
|
function renderBlock(block, i) {
|
|
11
11
|
const { type } = block;
|
|
12
12
|
if (!(type in blocksRegistry)) {
|
package/dist/ContentPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE3D,+CAA4C;AAC5C,+CAA4C;AAuB5C,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvB,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,qCAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,gCAAK,SAAS,EAAE,2BAA2B,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE3D,+CAA4C;AAC5C,+CAA4C;AAuB5C,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvB,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,qCAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,gCAAK,SAAS,EAAE,2BAA2B,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACvF,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAC5C,EACL,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,qEAAqE,YAClF,uBAAC,yBAAW,IACV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,GAChB,GACE,CACP,IACO,CACX,CAAC;IAEF,SAAS,WAAW,CAAC,KAAe,EAAE,CAAS;QAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE;YAC7B,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;SACvD;QAED,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,yBAAW,CAAC;QAC3D,OAAO,cAAc,CACnB;YACE,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,KAAK;YACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;gBACjD,OAAO,CACL,uBAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,OAAO,YAEV,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,IAN3C,GAAG,IAAI,IAAI,CAAC,EAAE,CAOJ,CAClB,CAAC;YACJ,CAAC;SACF,EACD,SAAS,CAAC,EAAE,CACb,CAAC;IACJ,CAAC;AACH,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}
|
package/dist/Icons/AppleIcon.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.AppleIcon = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const AppleIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("g", {
|
|
4
|
+
const AppleIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#a)", children: (0, jsx_runtime_1.jsx)("path", { d: "M19.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z", fill: "#42AB44" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "a", children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", rx: "6", fill: "#fff" }) }) })] }));
|
|
5
5
|
exports.AppleIcon = AppleIcon;
|
|
6
6
|
//# sourceMappingURL=AppleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppleIcon.js","sourceRoot":"","sources":["../../src/Icons/AppleIcon.tsx"],"names":[],"mappings":";;;AAAO,MAAM,SAAS,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CACxD,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACxE,
|
|
1
|
+
{"version":3,"file":"AppleIcon.js","sourceRoot":"","sources":["../../src/Icons/AppleIcon.tsx"],"names":[],"mappings":";;;AAAO,MAAM,SAAS,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CACxD,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACxE,8BAAG,QAAQ,EAAC,SAAS,YACnB,iCACE,CAAC,EAAC,0iBAA0iB,EAC5iB,IAAI,EAAC,SAAS,GACd,GACA,EACJ,2CACE,qCAAU,EAAE,EAAC,GAAG,YACd,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,GAAG,GACzC,GACN,IACH,CACP,CAAC;AAdW,QAAA,SAAS,aAcpB"}
|
package/dist/MobileBlocks.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare const MobileBlocks: {
|
|
|
6
6
|
ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
|
|
7
7
|
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
|
|
8
8
|
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
9
|
+
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
9
10
|
BenefitsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./BenefitsBlock").BenefitsBlockProps, any>, context?: any) => any;
|
|
10
11
|
ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery").ProductGalleryProps, any>, context?: any) => any;
|
|
11
12
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
package/dist/MobileBlocks.js
CHANGED
|
@@ -10,6 +10,7 @@ const ProductBlock_1 = require("./ProductBlock");
|
|
|
10
10
|
const ProductGallery_1 = require("./ProductGallery");
|
|
11
11
|
const ProductTile_1 = require("./ProductTile");
|
|
12
12
|
const StepsBlock_1 = require("./StepsBlock");
|
|
13
|
+
const TextBlock_1 = require("./TextBlock");
|
|
13
14
|
const Tile_1 = require("./Tile");
|
|
14
15
|
exports.MobileBlocks = {
|
|
15
16
|
Header: index_1.Header,
|
|
@@ -19,6 +20,7 @@ exports.MobileBlocks = {
|
|
|
19
20
|
ProductTile: ProductTile_1.ProductTile,
|
|
20
21
|
ProductBlock: ProductBlock_1.ProductBlock,
|
|
21
22
|
StepsBlock: StepsBlock_1.StepsBlock,
|
|
23
|
+
TextBlock: TextBlock_1.TextBlock,
|
|
22
24
|
BenefitsBlock: BenefitsBlock_1.BenefitsBlock,
|
|
23
25
|
ProductGallery: ProductGallery_1.ProductGallery,
|
|
24
26
|
ExchangeRateTile: ExchangeRateTile_1.ExchangeRateTile,
|
package/dist/MobileBlocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,mDAAgD;AAChD,yDAAsD;AACtD,0DAAgD;AAChD,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,iDAA8C;AAC9C,qDAAkD;AAClD,+CAA4C;AAC5C,6CAA0C;AAC1C,iCAA8B;AAEjB,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,sBAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;CACd,CAAC"}
|
|
1
|
+
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,mDAAgD;AAChD,yDAAsD;AACtD,0DAAgD;AAChD,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,iDAA8C;AAC9C,qDAAkD;AAClD,+CAA4C;AAC5C,6CAA0C;AAC1C,2CAAwC;AACxC,iCAA8B;AAEjB,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,sBAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,SAAS,EAAT,qBAAS;IACT,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;CACd,CAAC"}
|
|
@@ -4,10 +4,11 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const index_1 = require("./Icons/index");
|
|
6
6
|
const BaseTile_1 = require("./BaseTile");
|
|
7
|
+
const Title_1 = require("./ui-kit/Title");
|
|
7
8
|
const Img_1 = require("./Img");
|
|
8
9
|
const ICONS = { EmptyWalletIcon: index_1.EmptyWalletIcon, PercentageSquareIcon: index_1.PercentageSquareIcon, CalendarIcon: index_1.CalendarIcon };
|
|
9
10
|
exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, description, benefits, buttons, image, items }) => {
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && ((0, jsx_runtime_1.jsx)("
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && ((0, jsx_runtime_1.jsx)(Title_1.Title, { size: "XL", className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]", children: title })), (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
|
|
11
12
|
});
|
|
12
13
|
function renderBenefit(benefit, i) {
|
|
13
14
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)("div", { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", children: ICONS[benefit.icon]?.() })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAoF;AAEpF,yCAAsC;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAoF;AAEpF,yCAAsC;AACtC,0CAAuC;AAEvC,+BAA4B;AAE5B,MAAM,KAAK,GAAG,EAAE,eAAe,EAAf,uBAAe,EAAE,oBAAoB,EAApB,4BAAoB,EAAE,YAAY,EAAZ,oBAAY,EAAE,CAAC;AAQzD,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,iCAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI,CACR,uBAAC,aAAK,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wDAAwD,YAChF,KAAK,GACA,CACT,EACD,uBAAC,mBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,gCAAK,SAAS,EAAC,sFAAsF,YAClG,KAAK,CAAC,OAAO,CAAC,IAA0B,CAAC,EAAE,EAAE,GAC1C,CACP,EACD,iCAAK,SAAS,EAAC,4BAA4B,aACzC,+BAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAXE,MAAM,CAAC,CAAC,CAAC,CAYb,CACP,CAAC;AACJ,CAAC"}
|
package/dist/StepsBlock.js
CHANGED
|
@@ -3,10 +3,11 @@ exports.StepsBlock = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const index_1 = require("./Icons/index");
|
|
6
|
+
const Title_1 = require("./ui-kit/Title");
|
|
6
7
|
const joinList_1 = require("./utils/joinList");
|
|
7
8
|
const ICONS = { NewDocIcon: index_1.NewDocIcon, PassSendIcon: index_1.PassSendIcon, ActualBalanceIcon: index_1.ActualBalanceIcon };
|
|
8
9
|
exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className, title, steps }) => {
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { className: "font-medium m-0 max-w-[47rem] text-center", children: title }), steps?.length ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex mt-9 items-center px-[88px]", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("div", { className: "h-0.5 w-full bg-secondary-light" }))(steps.map((step, i) => renderStepIcon(step, i))) }), (0, jsx_runtime_1.jsx)("div", { className: "flex mt-9 justify-between gap-x-24", children: steps.map(renderStepTitle) })] })) : null] }));
|
|
10
11
|
});
|
|
11
12
|
const renderStepIcon = (step, i) => {
|
|
12
13
|
return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center text-center relative", children: (0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10", children: (step.icon && ICONS[step.icon]?.({ width: 48, height: 48 })) || ((0, jsx_runtime_1.jsx)("span", { className: "font-medium text-title-sm text-secondary-text", children: i + 1 })) }) }, String(i)));
|
package/dist/StepsBlock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../src/StepsBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAA4E;AAE5E,+CAA4C;AAE5C,MAAM,KAAK,GAAG,EAAE,UAAU,EAAV,kBAAU,EAAE,YAAY,EAAZ,oBAAY,EAAE,iBAAiB,EAAjB,yBAAiB,EAAE,CAAC;AAcjD,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,qCACE,SAAS,EAAE,+EACT,SAAS,IAAI,EACf,EAAE,aAEF
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../src/StepsBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAA4E;AAE5E,0CAAuC;AACvC,+CAA4C;AAE5C,MAAM,KAAK,GAAG,EAAE,UAAU,EAAV,kBAAU,EAAE,YAAY,EAAZ,oBAAY,EAAE,iBAAiB,EAAjB,yBAAiB,EAAE,CAAC;AAcjD,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,qCACE,SAAS,EAAE,+EACT,SAAS,IAAI,EACf,EAAE,aAEF,uBAAC,aAAK,IAAC,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC3E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,4CACE,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,IAAA,mBAAQ,EAAC,gCAAK,SAAS,EAAC,iCAAiC,GAAO,CAAC,CAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAChD,GACG,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAO,IAClF,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;IAC/C,OAAO,CACL,gCAAqB,SAAS,EAAC,iDAAiD,YAC9E,gCAAK,SAAS,EAAC,0GAA0G,YACtH,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAC/D,iCAAM,SAAS,EAAC,+CAA+C,YAAE,CAAC,GAAG,CAAC,GAAQ,CAC/E,GACG,IALE,MAAM,CAAC,CAAC,CAAC,CAMb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;IAChD,OAAO,CACL,gCAAqB,SAAS,EAAC,2DAA2D,YACxF,iCAAK,SAAS,EAAC,WAAW,aACxB,+BAAI,SAAS,EAAC,qDAAqD,YAAE,IAAI,CAAC,KAAK,GAAM,EACpF,IAAI,CAAC,WAAW,IAAI,CACnB,gCAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,WAAW,GAAO,CACvF,IACG,IANE,MAAM,CAAC,CAAC,CAAC,CAOb,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { UniBlockProps, Picture } from './types';
|
|
2
|
+
declare type TextBlockVersion = 'primary' | 'secondary' | 'secondary-light';
|
|
3
|
+
declare type TextBlockIconVersion = 'none' | 'small' | 'big';
|
|
4
|
+
export interface TextBlockContent {
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
blockVersion?: TextBlockVersion;
|
|
8
|
+
iconVersion?: TextBlockIconVersion;
|
|
9
|
+
image?: Picture;
|
|
10
|
+
}
|
|
11
|
+
export interface TextBlockProps extends TextBlockContent, UniBlockProps {
|
|
12
|
+
}
|
|
13
|
+
export declare const TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextBlockProps, any>, context?: any) => any;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.TextBlock = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Img_1 = require("./Img");
|
|
6
|
+
const textBlockStyleMaps = {
|
|
7
|
+
primary: {
|
|
8
|
+
background: 'bg-white',
|
|
9
|
+
icon: 'bg-primary-main text-white',
|
|
10
|
+
title: 'text-base',
|
|
11
|
+
description: 'text-secondary-text',
|
|
12
|
+
},
|
|
13
|
+
secondary: {
|
|
14
|
+
background: 'bg-primary-main',
|
|
15
|
+
icon: 'bg-white text-primary-main',
|
|
16
|
+
title: 'text-white',
|
|
17
|
+
description: 'text-white',
|
|
18
|
+
},
|
|
19
|
+
'secondary-light': {
|
|
20
|
+
background: 'bg-primary-main/10',
|
|
21
|
+
icon: 'bg-primary-main text-white',
|
|
22
|
+
title: 'text-base',
|
|
23
|
+
description: 'text-secondary-text',
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
exports.TextBlock = (0, uni_jsx_1.JSX)(({ title, description, blockVersion = 'primary', iconVersion, image, className }) => {
|
|
27
|
+
const textBlockStyleMap = textBlockStyleMaps[blockVersion];
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && (0, jsx_runtime_1.jsx)("div", { className: `font-medium mb-1 ${textBlockStyleMap.title}`, children: title }), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
|
|
29
|
+
});
|
|
30
|
+
function renderIcon(className) {
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: `pt-1.5 pr-4`, children: (0, jsx_runtime_1.jsx)("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
|
|
32
|
+
}
|
|
33
|
+
function renderImage(image) {
|
|
34
|
+
return image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "pt-0.5 pr-3", image: image }) : null;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=TextBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../src/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+BAA4B;AAe5B,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,qCACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,gCAAK,SAAS,EAAE,oBAAoB,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,EACrF,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,gCAAK,SAAS,EAAE,aAAa,YAC3B,gCAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import type { ContentPageContext } from './ContentPageContext';
|
|
|
4
4
|
export declare type ColorPalette = 'pc' | 'bc' | 'eo';
|
|
5
5
|
export declare type BlockVersion = 'primary' | 'secondary';
|
|
6
6
|
export declare type ButtonVersion = 'primary' | 'secondary';
|
|
7
|
-
export declare type TitleSize = 'S' | 'M' | 'L' | 'XL';
|
|
8
7
|
export interface BlockDef {
|
|
9
8
|
type: string;
|
|
10
9
|
style?: string[];
|
package/dist/ui-kit/Button.js
CHANGED
|
@@ -13,7 +13,7 @@ const buttonDisabledStyleMap = {
|
|
|
13
13
|
const styleButton = 'inline-block rounded-md px-8 py-2 text-center font-sans';
|
|
14
14
|
exports.Button = (0, uni_jsx_1.JSX)(({ className, text, href, target, onClick, children, disabled, version = 'primary', ariaLabel, }) => {
|
|
15
15
|
if (disabled) {
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel,
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `${styleButton} select-none ${buttonDisabledStyleMap[version]} ${className || ''}`, children: children ? ((0, jsx_runtime_1.jsx)("div", { children: children })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium py-1.5", children: text })) }));
|
|
17
17
|
}
|
|
18
18
|
return ((0, jsx_runtime_1.jsx)("a", { className: `${styleButton} no-underline ${buttonStyleMap[version]} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, children: children ? ((0, jsx_runtime_1.jsx)("div", { children: children })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium py-1.5", children: text })) }));
|
|
19
19
|
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare enum SizeTableClass {
|
|
2
|
+
'XL' = "text-title-lg",
|
|
3
|
+
'L' = "text-title",
|
|
4
|
+
'M' = "text-title-sm",
|
|
5
|
+
'S' = "text-title-xs"
|
|
6
|
+
}
|
|
7
|
+
export declare type TitleSize = keyof typeof SizeTableClass;
|
|
8
|
+
export interface TitleProps extends Partial<HTMLHeadingElement> {
|
|
9
|
+
size?: TitleSize;
|
|
10
|
+
}
|
|
11
|
+
export declare const Title: (props: import("@redneckz/uni-jsx").PropsWithChildren<TitleProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.Title = exports.SizeTableClass = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
var SizeTableClass;
|
|
6
|
+
(function (SizeTableClass) {
|
|
7
|
+
SizeTableClass["XL"] = "text-title-lg";
|
|
8
|
+
SizeTableClass["L"] = "text-title";
|
|
9
|
+
SizeTableClass["M"] = "text-title-sm";
|
|
10
|
+
SizeTableClass["S"] = "text-title-xs";
|
|
11
|
+
})(SizeTableClass = exports.SizeTableClass || (exports.SizeTableClass = {}));
|
|
12
|
+
exports.Title = (0, uni_jsx_1.JSX)(({ size = 'L', className, children, ...rest }) => {
|
|
13
|
+
const Tag = size === 'XL' ? 'h1' : 'h2';
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(Tag, { className: getClasses(SizeTableClass[size], className), ...rest, children: children }));
|
|
15
|
+
});
|
|
16
|
+
const getClasses = (...classes) => classes.filter(Boolean).join(' ');
|
|
17
|
+
//# sourceMappingURL=Title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../src/ui-kit/Title.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,sCAAsB,CAAA;IACtB,kCAAkB,CAAA;IAClB,qCAAqB,CAAA;IACrB,qCAAqB,CAAA;AACvB,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAQY,QAAA,KAAK,GAAG,IAAA,aAAG,EAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}
|
package/lib/BaseTile.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { BlockVersion, Picture, UniBlockProps
|
|
1
|
+
import type { BlockVersion, Picture, UniBlockProps } from './types';
|
|
2
2
|
import type { IconButtonProps } from './ui-kit/IconButton';
|
|
3
|
+
import type { TitleSize } from './ui-kit/Title';
|
|
3
4
|
export interface BaseTileContent {
|
|
4
5
|
title?: string;
|
|
5
6
|
titleSize?: TitleSize;
|
package/lib/BaseTile.js
CHANGED
|
@@ -3,28 +3,15 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Img } from './Img.js';
|
|
4
4
|
import { BlockItem } from './ui-kit/BlockItem.js';
|
|
5
5
|
import { IconButton } from './ui-kit/IconButton.js';
|
|
6
|
+
import { Title } from './ui-kit/Title.js';
|
|
6
7
|
import { useLink } from './useLink.js';
|
|
7
8
|
import { getColSpan } from './utils/getColSpan.js';
|
|
8
9
|
const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
|
|
9
10
|
export const BaseTile = JSX(({ className, context, title, titleSize, description, children, buttons, image, items, version = 'primary', }) => {
|
|
10
11
|
const router = context.useRouter();
|
|
11
12
|
const { handlerDecorator } = context;
|
|
12
|
-
return (_jsxs("div", { className: `font-sans flex flex-col grow h-full`, children: [title &&
|
|
13
|
+
return (_jsxs("div", { className: `font-sans flex flex-col grow h-full`, children: [title && (_jsx(Title, { size: titleSize || getTitleSizeByClassName(className), className: TITLE_CLASSES, children: title })), _jsxs("div", { className: "flex grow justify-between", children: [_jsxs("div", { className: "flex flex-col justify-between items-start", children: [_jsxs("div", { children: [description ? (_jsx("div", { className: "font-normal text-base max-w-[600px] mb-5", children: description })) : null, children, items?.length ? renderItems(items, version) : null] }), buttons?.length ? (_jsx("div", { className: "flex mt-9 gap-3", children: buttons.map((button, index) => renderButton(useLink({ router, handlerDecorator }, button), index)) })) : null] }), image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image })] })] }));
|
|
13
14
|
});
|
|
14
|
-
function renderTitle(title, titleSize) {
|
|
15
|
-
switch (titleSize) {
|
|
16
|
-
case 'XL':
|
|
17
|
-
return _jsx("h1", { className: `${TITLE_CLASSES} text-title-lg`, children: title });
|
|
18
|
-
case 'L':
|
|
19
|
-
return _jsx("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
20
|
-
case 'M':
|
|
21
|
-
return _jsx("h2", { className: `${TITLE_CLASSES} text-title-sm`, children: title });
|
|
22
|
-
case 'S':
|
|
23
|
-
return _jsx("h2", { className: `${TITLE_CLASSES} text-title-xs`, children: title });
|
|
24
|
-
default:
|
|
25
|
-
return _jsx("h2", { className: `${TITLE_CLASSES} text-title`, children: title });
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
15
|
function getTitleSizeByClassName(className = '') {
|
|
29
16
|
const colSpan = getColSpan(className);
|
|
30
17
|
if (colSpan <= 4) {
|
package/lib/BaseTile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAahD,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,eAAK,SAAS,EAAE,qCAAqC,aAClD,KAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAahD,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,OAAO,CACL,eAAK,SAAS,EAAE,qCAAqC,aAClD,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAI,uBAAuB,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,aAAa,YACnF,KAAK,GACA,CACT,EACD,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAK,SAAS,EAAC,2CAA2C,aACxD,0BACG,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/C,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,iBAAiB,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7B,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,IACzD,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,uBAAuB,CAAC,YAAoB,EAAE;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACtC,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,OAAO,IAAI,CAAC,EAAE;QACvB,OAAO,GAAG,CAAC;KACZ;SAAM;QACL,OAAO,GAAG,CAAC;KACZ;AACH,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE,EAAE,OAAsB;IAC/D,OAAO,CACL,kBAAS,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,YAC3C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,IAAlE,MAAM,CAAC,CAAC,CAAC,CAA6D,CACvF,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,MAAuB,EAAE,CAAS;IACtD,OAAO,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,OAAqB,MAAM,IAArB,MAAM,CAAC,CAAC,CAAC,CAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1E,CAAC"}
|
package/lib/Blocks.d.ts
CHANGED
|
@@ -10,12 +10,14 @@ import { StepsBlockContent } from './StepsBlock';
|
|
|
10
10
|
import { ProductTileContent } from './ProductTile';
|
|
11
11
|
import { BaseTileContent } from './BaseTile';
|
|
12
12
|
import { PromoTileContent } from './PromoTile';
|
|
13
|
+
import { TextBlockContent } from './TextBlock';
|
|
13
14
|
export declare const Blocks: {
|
|
14
15
|
Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
|
|
15
16
|
Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Footer/Footer").FooterProps, any>, context?: any) => any;
|
|
16
17
|
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
17
18
|
Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Tile").TileProps, any>, context?: any) => any;
|
|
18
19
|
PromoTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./PromoTile").PromoTileProps, any>, context?: any) => any;
|
|
20
|
+
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
19
21
|
ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
|
|
20
22
|
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
|
|
21
23
|
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
@@ -24,4 +26,4 @@ export declare const Blocks: {
|
|
|
24
26
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
|
25
27
|
MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
|
|
26
28
|
};
|
|
27
|
-
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | BaseTileContent | ProductTileContent | PromoTileContent | ProductBlockInnerContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent;
|
|
29
|
+
export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | BaseTileContent | TextBlockContent | ProductTileContent | PromoTileContent | ProductBlockInnerContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent;
|
package/lib/Blocks.js
CHANGED
|
@@ -10,12 +10,14 @@ import { StepsBlock } from './StepsBlock.js';
|
|
|
10
10
|
import { ProductTile } from './ProductTile.js';
|
|
11
11
|
import { PromoTile } from './PromoTile.js';
|
|
12
12
|
import { Tile } from './Tile.js';
|
|
13
|
+
import { TextBlock } from './TextBlock.js';
|
|
13
14
|
export const Blocks = {
|
|
14
15
|
Header,
|
|
15
16
|
Footer,
|
|
16
17
|
Placeholder,
|
|
17
18
|
Tile,
|
|
18
19
|
PromoTile,
|
|
20
|
+
TextBlock,
|
|
19
21
|
ProductTile,
|
|
20
22
|
ProductBlock,
|
|
21
23
|
StepsBlock,
|
package/lib/Blocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAA2B,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAiB,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAiB,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAyB,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAA2B,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAiB,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAiB,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAyB,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AAE1D,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,SAAS;IACT,SAAS;IACT,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;CACd,CAAC"}
|
package/lib/ContentPage.js
CHANGED
|
@@ -4,7 +4,7 @@ import { LikeControl } from './LikeControl.js';
|
|
|
4
4
|
import { Placeholder } from './Placeholder.js';
|
|
5
5
|
const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
|
|
6
6
|
export const ContentPage = JSX(({ className, context, blocksRegistry, data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' }, blockDecorator = defaultBlockDecorator, }) => {
|
|
7
|
-
return (_jsxs("section", { className: "relative", "data-theme": colorPalette, children: [_jsx("div", { className: `grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className}`, children: blocks?.length ? blocks.map(renderBlock) : 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 }) }))] }));
|
|
7
|
+
return (_jsxs("section", { className: "relative", "data-theme": colorPalette, children: [_jsx("div", { className: `grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className || ''}`, children: blocks?.length ? blocks.map(renderBlock) : 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 }) }))] }));
|
|
8
8
|
function renderBlock(block, i) {
|
|
9
9
|
const { type } = block;
|
|
10
10
|
if (!(type in blocksRegistry)) {
|
package/lib/ContentPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAuB5C,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,EACT,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,cAAK,SAAS,EAAE,2BAA2B,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAuB5C,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,EACT,OAAO,EACP,cAAc,EACd,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,cAAK,SAAS,EAAE,2BAA2B,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACvF,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAC5C,EACL,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,WAAW,IACV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,GAChB,GACE,CACP,IACO,CACX,CAAC;IAEF,SAAS,WAAW,CAAC,KAAe,EAAE,CAAS;QAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE;YAC7B,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;SACvD;QAED,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC;QAC3D,OAAO,cAAc,CACnB;YACE,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,KAAK;YACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;gBACjD,OAAO,CACL,KAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,OAAO,YAEV,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,IAN3C,GAAG,IAAI,IAAI,CAAC,EAAE,CAOJ,CAClB,CAAC;YACJ,CAAC;SACF,EACD,SAAS,CAAC,EAAE,CACb,CAAC;IACJ,CAAC;AACH,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}
|
package/lib/Icons/AppleIcon.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
export const AppleIcon = (props) => (_jsxs("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", {
|
|
2
|
+
export const AppleIcon = (props) => (_jsxs("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { d: "M19.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z", fill: "#42AB44" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("rect", { width: "24", height: "24", rx: "6", fill: "#fff" }) }) })] }));
|
|
3
3
|
//# sourceMappingURL=AppleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppleIcon.js","sourceRoot":"","sources":["../../src/Icons/AppleIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CACxD,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACxE,
|
|
1
|
+
{"version":3,"file":"AppleIcon.js","sourceRoot":"","sources":["../../src/Icons/AppleIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CACxD,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACxE,YAAG,QAAQ,EAAC,SAAS,YACnB,eACE,CAAC,EAAC,0iBAA0iB,EAC5iB,IAAI,EAAC,SAAS,GACd,GACA,EACJ,yBACE,mBAAU,EAAE,EAAC,GAAG,YACd,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,GAAG,GACzC,GACN,IACH,CACP,CAAC"}
|
package/lib/MobileBlocks.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare const MobileBlocks: {
|
|
|
6
6
|
ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
|
|
7
7
|
ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
|
|
8
8
|
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
9
|
+
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
9
10
|
BenefitsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./BenefitsBlock").BenefitsBlockProps, any>, context?: any) => any;
|
|
10
11
|
ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery").ProductGalleryProps, any>, context?: any) => any;
|
|
11
12
|
ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
|
package/lib/MobileBlocks.js
CHANGED
|
@@ -8,6 +8,7 @@ import { ProductBlock } from './ProductBlock.js';
|
|
|
8
8
|
import { ProductGallery } from './ProductGallery.js';
|
|
9
9
|
import { ProductTile } from './ProductTile.js';
|
|
10
10
|
import { StepsBlock } from './StepsBlock.js';
|
|
11
|
+
import { TextBlock } from './TextBlock.js';
|
|
11
12
|
import { Tile } from './Tile.js';
|
|
12
13
|
export const MobileBlocks = {
|
|
13
14
|
Header,
|
|
@@ -17,6 +18,7 @@ export const MobileBlocks = {
|
|
|
17
18
|
ProductTile,
|
|
18
19
|
ProductBlock,
|
|
19
20
|
StepsBlock,
|
|
21
|
+
TextBlock,
|
|
20
22
|
BenefitsBlock,
|
|
21
23
|
ProductGallery,
|
|
22
24
|
ExchangeRateTile,
|
package/lib/MobileBlocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;CACd,CAAC"}
|
|
1
|
+
{"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,WAAW;IACX,YAAY;IACZ,UAAU;IACV,SAAS;IACT,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;CACd,CAAC"}
|
package/lib/ProductBlockInner.js
CHANGED
|
@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { EmptyWalletIcon, PercentageSquareIcon, CalendarIcon } from './Icons/index.js';
|
|
4
4
|
import { BaseTile } from './BaseTile.js';
|
|
5
|
+
import { Title } from './ui-kit/Title.js';
|
|
5
6
|
import { Img } from './Img.js';
|
|
6
7
|
const ICONS = { EmptyWalletIcon, PercentageSquareIcon, CalendarIcon };
|
|
7
8
|
export const ProductBlockInner = JSX(({ className, context, title, description, benefits, buttons, image, items }) => {
|
|
8
|
-
return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [_jsxs("div", { className: 'flex flex-col', children: [title && (_jsx("
|
|
9
|
+
return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [_jsxs("div", { className: 'flex flex-col', children: [title && (_jsx(Title, { size: "XL", className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]", children: title })), _jsx(BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? (_jsx("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && _jsx(Img, { className: "mt-auto", image: image })] }));
|
|
9
10
|
});
|
|
10
11
|
function renderBenefit(benefit, i) {
|
|
11
12
|
return (_jsxs("div", { className: "flex gap-4 items-center", children: [benefit.icon && (_jsx("div", { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", children: ICONS[benefit.icon]?.() })), _jsxs("div", { className: "flex gap-1 flex-col h-full", children: [_jsx("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && (_jsx("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,KAAK,GAAG,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAQtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,eAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,eAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wDAAwD,YAChF,KAAK,GACA,CACT,EACD,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,cAAK,SAAS,EAAC,sFAAsF,YAClG,KAAK,CAAC,OAAO,CAAC,IAA0B,CAAC,EAAE,EAAE,GAC1C,CACP,EACD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAXE,MAAM,CAAC,CAAC,CAAC,CAYb,CACP,CAAC;AACJ,CAAC"}
|
package/lib/StepsBlock.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { NewDocIcon, PassSendIcon, ActualBalanceIcon } from './Icons/index.js';
|
|
4
|
+
import { Title } from './ui-kit/Title.js';
|
|
4
5
|
import { joinList } from './utils/joinList.js';
|
|
5
6
|
const ICONS = { NewDocIcon, PassSendIcon, ActualBalanceIcon };
|
|
6
7
|
export const StepsBlock = JSX(({ className, title, steps }) => {
|
|
7
|
-
return (_jsxs("section", { className: `font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${className || ''}`, children: [_jsx(
|
|
8
|
+
return (_jsxs("section", { className: `font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center", children: title }), steps?.length ? (_jsxs("div", { children: [_jsx("div", { className: "flex mt-9 items-center px-[88px]", children: joinList(_jsx("div", { className: "h-0.5 w-full bg-secondary-light" }))(steps.map((step, i) => renderStepIcon(step, i))) }), _jsx("div", { className: "flex mt-9 justify-between gap-x-24", children: steps.map(renderStepTitle) })] })) : null] }));
|
|
8
9
|
});
|
|
9
10
|
const renderStepIcon = (step, i) => {
|
|
10
11
|
return (_jsx("div", { className: "flex flex-col items-center text-center relative", children: _jsx("div", { className: "h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10", children: (step.icon && ICONS[step.icon]?.({ width: 48, height: 48 })) || (_jsx("span", { className: "font-medium text-title-sm text-secondary-text", children: i + 1 })) }) }, String(i)));
|