@redneckz/wildless-cms-uni-blocks 0.12.5 → 0.12.6

package/src/ui-kit/BenefitsList/DefaultBenefitsList.tsx

@@ -0,0 +1,33 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { deviation } from '../../utils/deviation';
+import { style } from '../../utils/style';
+import { BenefitItem } from '../BenefitItem/BenefitItem';
+import type { ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
+import type { BenefitsListProps } from './BenefitsListProps';
+
+const MAX_BENEFITS_LEN_DEVIATION = 16;
+
+const benefitLength = (_: ComplexBenefitContent) =>
+  _.type === 'rte'
+    ? _.__html?.length || 0
+    : Math.max(_.label?.length || 0, _.description?.length || 0);
+
+const isDistortedBenefits = (benefits: ComplexBenefitContent[]) =>
+  deviation(benefits.map(benefitLength)) > MAX_BENEFITS_LEN_DEVIATION;
+
+export const DefaultBenefitsList = JSX<BenefitsListProps>(
+  ({ className, benefitsVersion = 'normal', benefits }) =>
+    benefits?.length ? (
+      <div
+        className={style(
+          'flex gap-x-m gap-y-s',
+          isDistortedBenefits(benefits) ? 'flex-col' : 'flex-wrap',
+          className,
+        )}
+      >
+        {benefits.map((_, i) => (
+          <BenefitItem key={String(i)} benefitsVersion={benefitsVersion} {..._} />
+        ))}
+      </div>
+    ) : null,
+);

package/src/ui-kit/BenefitsList/TabularBenefitsList.tsx

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { renderBenefitText } from '../BenefitItem/renderBenefitText';
+import type { BenefitsListProps } from './BenefitsListProps';
+
+export const TabularBenefitsList = JSX<BenefitsListProps>(({ className, benefits }) =>
+  benefits?.length ? (
+    <div
+      className={style(
+        'grid grid-cols-[max-content_1fr] auto-rows-auto items-baseline gap-x-m gap-y-xs',
+        className,
+      )}
+    >
+      {benefits.flatMap(renderBenefitText)}
+    </div>
+  ) : null,
+);

package/src/ui-kit/CookiePopup/CookiePopup.tsx

@@ -2,30 +2,38 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import type { LinkCommonProps } from '../../model/LinkProps';
 import { style } from '../../utils/style';
+import { useDebouncedEffect } from '../../utils/useDebouncedEffect';
 import { CloseButton } from '../Dialog/CloseButton';
 import { useDialogProps } from '../Dialog/useDialogProps';
 import { LinkWrapper } from '../LinkWrapper/LinkWrapper';
 import { Paragraph } from '../Paragraph/Paragraph';
 
-export interface CookiePopupProps {
+interface CookiePopupProps {
   termLink?: LinkCommonProps;
   personalDataPolicyLink?: LinkCommonProps;
 }
 
-export const COOKIE_DIALOG_ID = 'cookie';
-export const LOCAL_STORAGE_NAME = 'cookieClose';
+const COOKIE_DIALOG_ID = 'cookie';
+const DIALOG_INITIAL_DELAY = 3 * 1000;
 
 export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicyLink }) => {
-  const { isOpened, onClose } = useDialogProps(
-    COOKIE_DIALOG_ID,
-    !globalThis.localStorage?.getItem(LOCAL_STORAGE_NAME),
+  const { isOpened, open, close } = useDialogProps(COOKIE_DIALOG_ID);
+
+  useDebouncedEffect(
+    () => {
+      if (!globalThis.localStorage?.getItem(COOKIE_DIALOG_ID)) {
+        open();
+      }
+    },
+    [],
+    DIALOG_INITIAL_DELAY,
   );
 
   const handleClose = useCallback(() => {
-    globalThis.localStorage?.setItem(LOCAL_STORAGE_NAME, 'true');
+    globalThis.localStorage?.setItem(COOKIE_DIALOG_ID, 'true');
 
-    onClose && onClose();
-  }, [onClose]);
+    close();
+  }, [close]);
 
   return isOpened ? (
     <div className="container z-40 fixed bottom-0 left-0 right-0 pointer-events-none">

package/src/ui-kit/Dialog/Dialog.tsx

@@ -36,7 +36,7 @@ export const Dialog = JSX<DialogProps>(({ className, isOpened, head, children, o
     >
       <div className="relative container pb-12 min-h-full">
         <div className="sticky bg-white pt-6 top-0">
-          <CloseButton className="absolute top-10 -right-12" onClick={onClose} />
+          <CloseButton className="absolute top-0 -right-12" onClick={onClose} />
           {head}
         </div>
         {children}

package/src/ui-kit/Dialog/useDialogProps.ts

@@ -7,9 +7,9 @@ import { useDialogHandlers } from './useDialogHandlers';
 
 export function useDialogProps(
   id: string,
-  initOpen = false,
-): DialogProps & DialogInitialParams & { wasOpened: boolean } {
-  const [isOpened, { setTrue: open, setFalse: close }] = useBool(initOpen);
+  isOpenedOnInit = false,
+): DialogProps & DialogInitialParams & { wasOpened: boolean; open: () => void; close: () => void } {
+  const [isOpened, { setTrue: open, setFalse: close }] = useBool(isOpenedOnInit);
   const [params, setParams] = useState<DialogInitialParams>({ id });
 
   const wasOpened = useRef(isOpened);
@@ -27,20 +27,22 @@ export function useDialogProps(
     [id],
   );
 
+  const handleClose = useCallback(() => {
+    close();
+    defaultEventBus.fire('dialog', { type: 'close' });
+  }, []);
+
   useDialogHandlers({
     onOpen: handleOpen,
     onClose: close,
   });
 
-  const handleCloseAsEventSource = useCallback(() => {
-    close();
-    defaultEventBus.fire('dialog', { type: 'close' });
-  }, []);
-
   return {
     ...params,
     isOpened,
     wasOpened: wasOpened.current,
-    onClose: handleCloseAsEventSource,
+    open,
+    close,
+    onClose: handleClose,
   };
 }

package/src/ui-kit/Paragraph/Paragraph.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ParagraphProps } from './ParagraphProps';
+import { style } from '../../utils/style';
 
-export const Paragraph = JSX<ParagraphProps>(({ children, ...style }) => (
-  <p className={['font-sans', ...Object.values(style)].join(' ')}>{children}</p>
+export const Paragraph = JSX<ParagraphProps>(({ children, ...styleProps }) => (
+  <p className={style('font-sans', Object.values(styleProps))}>{children}</p>
 ));

package/src/ui-kit/Text/Text.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
+import { style } from '../../utils/style';
 
 interface TextProps {
   size?: TextSize | TitleSize;
@@ -8,6 +9,6 @@ interface TextProps {
   font?: FontWeight;
 }
 
-export const Text = JSX<TextProps>(({ children, ...style }) => (
-  <span className={['font-sans', ...Object.values(style)].join(' ')}>{children}</span>
+export const Text = JSX<TextProps>(({ children, ...styleProps }) => (
+  <span className={style('font-sans', Object.values(styleProps))}>{children}</span>
 ));

package/src/ui-kit/Text/TextProps.ts

@@ -29,8 +29,6 @@ export type TitleSize =
   | 'text-h2'
   | 'text-h1'
   | 'text-h0'
-  | 'text-m-title'
-  | 'text-m-title-xs'
   | 'title-extra'
   | 'title-huge';
 

package/tailwind.config.cjs

@@ -72,9 +72,6 @@ module.exports = {
         mohave: ['Mohave', ...defaultTheme.fontFamily.sans],
       },
       fontSize: {
-        'm-title': ['1.375rem', '1.8125rem'], // 22px 29px // Временно оставлен до готовности нового мобильного дизайна
-        'm-title-xs': ['1.0625rem', '1.375rem'], // 17px 22px // Временно оставлен до готовности нового мобильного дизайна
-
         'title-large': ['7.5rem', '10rem'], // 120px 160px
         'title-extra': ['15.625rem', '14.687rem'], // 250px 235px
         'title-huge': ['12.5rem', '15.625rem'], // 200px 250px

package/bundle/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/bundle/components/ProductTile/renderBenefit.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Benefit } from './ProductTileContent';
-export declare const renderBenefit: (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;

package/bundle/components/ProductTile/renderImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderImage(image?: Picture, directionRight?: boolean): JSX.Element | null;

package/bundle/ui-kit/BenefitItem/borderRadius.mobile.d.ts

@@ -1 +0,0 @@
-export declare const borderRadius = "rounded-md";

package/bundle/ui-kit/BenefitItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/bundle/ui-kit/BenefitItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/bundle/ui-kit/BenefitsList/renderBenefit.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { IconVersion } from '../../model/IconVersion';
-import type { ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
-export declare const renderBenefit: (benefitsVersion?: IconVersion) => ({ type, ...benefit }: ComplexBenefitContent, i: number) => JSX.Element;

package/dist/components/MobileAppTile/renderButtonSection.js

@@ -1 +0,0 @@
-//# sourceMappingURL=renderButtonSection.js.map

package/dist/components/MobileAppTile/renderButtonSection.js.map

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

package/dist/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/dist/components/ProductTile/renderAdditionalDescription.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderAdditionalDescription = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-function renderAdditionalDescription(additionalDescription, image) {
-    if (!additionalDescription) {
-        return null;
-    }
-    // picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
-    const descriptionWidth = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
-    return ((0, jsx_runtime_1.jsx)("div", { className: `mt-2.5 z-10 ${descriptionWidth}`, children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription }) }));
-}
-exports.renderAdditionalDescription = renderAdditionalDescription;
-//# sourceMappingURL=renderAdditionalDescription.js.map

package/dist/components/ProductTile/renderAdditionalDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderAdditionalDescription.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderAdditionalDescription.tsx"],"names":[],"mappings":";;;AACA,gEAA6D;AAE7D,SAAgB,2BAA2B,CAAC,qBAA8B,EAAE,KAAe;IACzF,IAAI,CAAC,qBAAqB,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,gCAAK,SAAS,EAAE,eAAe,gBAAgB,EAAE,YAC/C,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACtF,qBAAqB,GACZ,GACR,CACP,CAAC;AACJ,CAAC;AAfD,kEAeC"}

package/dist/components/ProductTile/renderBenefit.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Benefit } from './ProductTileContent';
-export declare const renderBenefit: (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;

package/dist/components/ProductTile/renderBenefit.js

@@ -1,29 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderBenefit = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const RichText_1 = require("../../ui-kit/RichText/RichText");
-const Text_1 = require("../../ui-kit/Text/Text");
-const assertUnreachable_1 = require("../../utils/assertUnreachable");
-// TODO: Create universal function for this case
-const renderBenefit = 
-// Linter doesn't understand that switch processes all cases
-// eslint-disable-next-line consistent-return
-(benefit, i) => {
-    const { type } = benefit;
-    if (!(type === 'default' || type === 'rte')) {
-        return null;
-    }
-    switch (type) {
-        case 'default':
-            return [
-                (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", children: benefit.label }, `label-${i}`),
-                (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: benefit.description }, `desc-${i}`),
-            ];
-        case 'rte':
-            return ((0, jsx_runtime_1.jsx)("div", { className: "col-span-2", children: (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: benefit.__html }) }));
-        default:
-            (0, assertUnreachable_1.assertUnreachable)(benefit);
-    }
-};
-exports.renderBenefit = renderBenefit;
-//# sourceMappingURL=renderBenefit.js.map

package/dist/components/ProductTile/renderBenefit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderBenefit.tsx"],"names":[],"mappings":";;;AAAA,6DAA0D;AAC1D,iDAA8C;AAC9C,qEAAkE;AAGlE,gDAAgD;AACzC,MAAM,aAAa;AACxB,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,OAAgB,EAAE,CAAS,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEzB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO;gBACL,uBAAC,WAAI,IAAoB,IAAI,EAAC,SAAS,YACpC,OAAO,CAAC,KAAK,IADL,SAAS,CAAC,EAAE,CAEhB;gBACP,uBAAC,WAAI,IAEH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wCAAwC,YAE7C,OAAO,CAAC,WAAW,IALf,QAAQ,CAAC,EAAE,CAMX;aACR,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,CACL,gCAAK,SAAS,EAAC,YAAY,YACzB,uBAAC,mBAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,GAChC,CACP,CAAC;QACJ;YACE,IAAA,qCAAiB,EAAC,OAAO,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC;AAlCS,QAAA,aAAa,iBAkCtB"}

package/dist/components/ProductTile/renderImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderImage(image?: Picture, directionRight?: boolean): JSX.Element | null;

package/dist/components/ProductTile/renderImage.js

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderImage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Img_1 = require("../../ui-kit/Img/Img");
-const style_1 = require("../../utils/style");
-function renderImage(image, directionRight) {
-    if (!image?.src) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: (0, style_1.style)('absolute', directionRight ? 'right-0' : 'left-0', 'bottom-0'), image: image }));
-}
-exports.renderImage = renderImage;
-//# sourceMappingURL=renderImage.js.map

package/dist/components/ProductTile/renderImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderImage.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderImage.tsx"],"names":[],"mappings":";;;AACA,8CAA2C;AAC3C,6CAA0C;AAE1C,SAAgB,WAAW,CAAC,KAAe,EAAE,cAAwB;IACnE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uBAAC,SAAG,IACF,SAAS,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAC/E,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAXD,kCAWC"}

package/dist/ui-kit/BenefitItem/borderRadius.mobile.d.ts

@@ -1 +0,0 @@
-export declare const borderRadius = "rounded-md";

package/dist/ui-kit/BenefitItem/borderRadius.mobile.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.borderRadius = void 0;
-exports.borderRadius = 'rounded-md';
-//# sourceMappingURL=borderRadius.mobile.js.map

package/dist/ui-kit/BenefitItem/borderRadius.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderRadius.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/borderRadius.mobile.tsx"],"names":[],"mappings":";;AAAa,QAAA,YAAY,GAAG,YAAY,CAAC"}

package/dist/ui-kit/BenefitItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/dist/ui-kit/BenefitItem/labelSize.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelSize = void 0;
-exports.labelSize = 'text-h6';
-//# sourceMappingURL=labelSize.js.map

package/dist/ui-kit/BenefitItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/labelSize.tsx"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAG,SAAS,CAAC"}

package/dist/ui-kit/BenefitItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/dist/ui-kit/BenefitItem/labelSize.mobile.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelSize = void 0;
-exports.labelSize = 'text-l';
-//# sourceMappingURL=labelSize.mobile.js.map

package/dist/ui-kit/BenefitItem/labelSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/labelSize.mobile.tsx"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAG,QAAQ,CAAC"}

package/dist/ui-kit/BenefitsList/renderBenefit.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { IconVersion } from '../../model/IconVersion';
-import type { ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
-export declare const renderBenefit: (benefitsVersion?: IconVersion) => ({ type, ...benefit }: ComplexBenefitContent, i: number) => JSX.Element;

package/dist/ui-kit/BenefitsList/renderBenefit.js

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderBenefit = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const BenefitItem_1 = require("../../ui-kit/BenefitItem/BenefitItem");
-const RichText_1 = require("../../ui-kit/RichText/RichText");
-const renderBenefit = (benefitsVersion) => ({ type, ...benefit }, i) => {
-    if (type === 'rte' && '__html' in benefit) {
-        return (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: benefit.__html });
-    }
-    return (0, jsx_runtime_1.jsx)(BenefitItem_1.BenefitItem, { benefitsVersion: benefitsVersion, ...benefit }, String(i));
-};
-exports.renderBenefit = renderBenefit;
-//# sourceMappingURL=renderBenefit.js.map

package/dist/ui-kit/BenefitsList/renderBenefit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitsList/renderBenefit.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AACnE,6DAA0D;AAGnD,MAAM,aAAa,GACxB,CAAC,eAA6B,EAAE,EAAE,CAClC,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAyB,EAAE,CAAS,EAAE,EAAE;IACzD,IAAI,IAAI,KAAK,KAAK,IAAI,QAAQ,IAAI,OAAO,EAAE;QACzC,OAAO,uBAAC,mBAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;KAC7C;IAED,OAAO,uBAAC,yBAAW,IAAiB,eAAe,EAAE,eAAe,KAAM,OAAO,IAAxD,MAAM,CAAC,CAAC,CAAC,CAAmD,CAAC;AACxF,CAAC,CAAC;AARS,QAAA,aAAa,iBAQtB"}

package/lib/components/MobileAppTile/renderButtonSection.js

@@ -1 +0,0 @@
-//# sourceMappingURL=renderButtonSection.js.map

package/lib/components/MobileAppTile/renderButtonSection.js.map

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

package/lib/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/lib/components/ProductTile/renderAdditionalDescription.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
-export function renderAdditionalDescription(additionalDescription, image) {
-    if (!additionalDescription) {
-        return null;
-    }
-    // picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
-    const descriptionWidth = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
-    return (_jsx("div", { className: `mt-2.5 z-10 ${descriptionWidth}`, children: _jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription }) }));
-}
-//# sourceMappingURL=renderAdditionalDescription.js.map

package/lib/components/ProductTile/renderAdditionalDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderAdditionalDescription.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderAdditionalDescription.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,MAAM,UAAU,2BAA2B,CAAC,qBAA8B,EAAE,KAAe;IACzF,IAAI,CAAC,qBAAqB,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,cAAK,SAAS,EAAE,eAAe,gBAAgB,EAAE,YAC/C,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACtF,qBAAqB,GACZ,GACR,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ProductTile/renderBenefit.d.ts

@@ -1,2 +0,0 @@
-import type { Benefit } from './ProductTileContent';
-export declare const renderBenefit: (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;

package/lib/components/ProductTile/renderBenefit.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { RichText } from '../../ui-kit/RichText/RichText.js';
-import { Text } from '../../ui-kit/Text/Text.js';
-import { assertUnreachable } from '../../utils/assertUnreachable.js';
-// TODO: Create universal function for this case
-export const renderBenefit = 
-// Linter doesn't understand that switch processes all cases
-// eslint-disable-next-line consistent-return
-(benefit, i) => {
-    const { type } = benefit;
-    if (!(type === 'default' || type === 'rte')) {
-        return null;
-    }
-    switch (type) {
-        case 'default':
-            return [
-                _jsx(Text, { size: "text-h6", children: benefit.label }, `label-${i}`),
-                _jsx(Text, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: benefit.description }, `desc-${i}`),
-            ];
-        case 'rte':
-            return (_jsx("div", { className: "col-span-2", children: _jsx(RichText, { __html: benefit.__html }) }));
-        default:
-            assertUnreachable(benefit);
-    }
-};
-//# sourceMappingURL=renderBenefit.js.map

package/lib/components/ProductTile/renderBenefit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderBenefit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,gDAAgD;AAChD,MAAM,CAAC,MAAM,aAAa;AACxB,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,OAAgB,EAAE,CAAS,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEzB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO;gBACL,KAAC,IAAI,IAAoB,IAAI,EAAC,SAAS,YACpC,OAAO,CAAC,KAAK,IADL,SAAS,CAAC,EAAE,CAEhB;gBACP,KAAC,IAAI,IAEH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wCAAwC,YAE7C,OAAO,CAAC,WAAW,IALf,QAAQ,CAAC,EAAE,CAMX;aACR,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,QAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,GAChC,CACP,CAAC;QACJ;YACE,iBAAiB,CAAC,OAAO,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC"}

package/lib/components/ProductTile/renderImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderImage(image?: Picture, directionRight?: boolean): JSX.Element | null;

package/lib/components/ProductTile/renderImage.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { Img } from '../../ui-kit/Img/Img.js';
-import { style } from '../../utils/style.js';
-export function renderImage(image, directionRight) {
-    if (!image?.src) {
-        return null;
-    }
-    return (_jsx(Img, { className: style('absolute', directionRight ? 'right-0' : 'left-0', 'bottom-0'), image: image }));
-}
-//# sourceMappingURL=renderImage.js.map

package/lib/components/ProductTile/renderImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderImage.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderImage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,UAAU,WAAW,CAAC,KAAe,EAAE,cAAwB;IACnE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAC/E,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}

package/lib/ui-kit/BenefitItem/borderRadius.mobile.d.ts

@@ -1 +0,0 @@
-export declare const borderRadius = "rounded-md";

package/lib/ui-kit/BenefitItem/borderRadius.mobile.js

@@ -1,2 +0,0 @@
-export const borderRadius = 'rounded-md';
-//# sourceMappingURL=borderRadius.mobile.js.map

package/lib/ui-kit/BenefitItem/borderRadius.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderRadius.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/borderRadius.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC"}

package/lib/ui-kit/BenefitItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/lib/ui-kit/BenefitItem/labelSize.js

@@ -1,2 +0,0 @@
-export const labelSize = 'text-h6';
-//# sourceMappingURL=labelSize.js.map

package/lib/ui-kit/BenefitItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/labelSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC"}

package/lib/ui-kit/BenefitItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/lib/ui-kit/BenefitItem/labelSize.mobile.js

@@ -1,2 +0,0 @@
-export const labelSize = 'text-l';
-//# sourceMappingURL=labelSize.mobile.js.map

package/lib/ui-kit/BenefitItem/labelSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/labelSize.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC"}

package/lib/ui-kit/BenefitsList/renderBenefit.d.ts

@@ -1,3 +0,0 @@
-import type { IconVersion } from '../../model/IconVersion';
-import type { ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
-export declare const renderBenefit: (benefitsVersion?: IconVersion) => ({ type, ...benefit }: ComplexBenefitContent, i: number) => JSX.Element;

package/lib/ui-kit/BenefitsList/renderBenefit.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { BenefitItem } from '../../ui-kit/BenefitItem/BenefitItem.js';
-import { RichText } from '../../ui-kit/RichText/RichText.js';
-export const renderBenefit = (benefitsVersion) => ({ type, ...benefit }, i) => {
-    if (type === 'rte' && '__html' in benefit) {
-        return _jsx(RichText, { __html: benefit.__html });
-    }
-    return _jsx(BenefitItem, { benefitsVersion: benefitsVersion, ...benefit }, String(i));
-};
-//# sourceMappingURL=renderBenefit.js.map

package/lib/ui-kit/BenefitsList/renderBenefit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitsList/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,CAAC,MAAM,aAAa,GACxB,CAAC,eAA6B,EAAE,EAAE,CAClC,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAyB,EAAE,CAAS,EAAE,EAAE;IACzD,IAAI,IAAI,KAAK,KAAK,IAAI,QAAQ,IAAI,OAAO,EAAE;QACzC,OAAO,KAAC,QAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;KAC7C;IAED,OAAO,KAAC,WAAW,IAAiB,eAAe,EAAE,eAAe,KAAM,OAAO,IAAxD,MAAM,CAAC,CAAC,CAAC,CAAmD,CAAC;AACxF,CAAC,CAAC"}

package/mobile/bundle/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/mobile/bundle/components/ProductTile/renderBenefit.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Benefit } from './ProductTileContent';
-export declare const renderBenefit: (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;

package/mobile/bundle/components/ProductTile/renderImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderImage(image?: Picture, directionRight?: boolean): JSX.Element | null;

package/mobile/bundle/ui-kit/BenefitItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/mobile/bundle/ui-kit/BenefitsList/renderBenefit.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { IconVersion } from '../../model/IconVersion';
-import type { ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
-export declare const renderBenefit: (benefitsVersion?: IconVersion) => ({ type, ...benefit }: ComplexBenefitContent, i: number) => JSX.Element;

package/mobile/dist/components/MobileAppTile/renderButtonSection.js

@@ -1 +0,0 @@
-//# sourceMappingURL=renderButtonSection.js.map

package/mobile/dist/components/MobileAppTile/renderButtonSection.js.map

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

package/mobile/dist/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/mobile/dist/components/ProductTile/renderAdditionalDescription.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderAdditionalDescription = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-function renderAdditionalDescription(additionalDescription, image) {
-    if (!additionalDescription) {
-        return null;
-    }
-    // picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
-    const descriptionWidth = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
-    return ((0, jsx_runtime_1.jsx)("div", { className: `mt-2.5 z-10 ${descriptionWidth}`, children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription }) }));
-}
-exports.renderAdditionalDescription = renderAdditionalDescription;
-//# sourceMappingURL=renderAdditionalDescription.js.map