npm - @gravity-ui/page-constructor - Versions diffs - 7.0.0-beta.2 → 7.0.0-beta.4 - Mend

@gravity-ui/page-constructor 7.0.0-beta.2 → 7.0.0-beta.4

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

Files changed (1133) hide show

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HubspotFormContainer.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/HubspotFormContainer.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gDAAqC;AAGrC,uFAAoD;~~AAapD~~,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EACF,SAAS,EAET,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,~~GACnB~~,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,oEAAoE;IACpE,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAQ,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,cAAc;QAC9B,CAAC,CAAC,gBAAgB,MAAM,IAAI,cAAc,EAAE;QAC5C,CAAC,CAAC,gBAAgB,MAAM,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC;YACtE,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvD,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;YAC7B,cAAc,CAAC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,CAAC,gBAAgB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC9C,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;oBACtB,MAAM;oBACN,QAAQ;oBACR,MAAM;oBACN,MAAM,EAAE,IAAI,WAAW,EAAE;oBACzB,QAAQ,EAAE,aAAa;oBACvB,cAAc;~~iBACjB~~,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACV,CAAC,KAAK,IAAI,EAAE;YACR,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM,IAAA,2BAAiB,GAAE,CAAC;YAC9B,CAAC;YAED,UAAU,EAAE,CAAC;QACjB,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACR,IAAI,gBAAgB,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gBAC7E,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACrE,CAAC;QACL,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,gCAAK,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AAC7E,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useMount} from '../../hooks';\nimport {HubspotFormProps} from '../../models';\n\nimport loadHubspotScript from './loadHubspotScript';\n\ntype HubspotFormContainerPropsKeys =\n \| 'className'\n \| 'formId'\n \| 'formInstanceId'\n \| 'portalId'\n \| 'region'\n \| 'formClassName'\n \| 'createDOMElement';\n\ntype HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;\n\nconst HubspotFormContainer = React.forwardRef<HTMLDivElement, HubspotFormContainerProps>(\n (props, ref) => {\n const {\n className,\n\n formId,\n formInstanceId,\n portalId,\n region,\n formClassName,\n createDOMElement,\n } = props;\n\n const containerRef = React.useRef<HTMLDivElement>(null);\n const hsContainerRef = React.useRef<HTMLDivElement>();\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n React.useImperativeHandle(ref, () => containerRef.current!);\n\n const containerId = formInstanceId\n ? `hubspot-form-${formId}-${formInstanceId}`\n : `hubspot-form-${formId}`;\n\n const createForm = () => {\n if (containerRef.current && !hsContainerRef.current && createDOMElement) {\n hsContainerRef.current = document.createElement('div');\n containerRef.current.id = '';\n hsContainerRef.current.id = containerId;\n containerRef.current.appendChild(hsContainerRef.current);\n }\n\n if (!createDOMElement \|\| hsContainerRef.current) {\n if (window.hbspt) {\n window.hbspt.forms.create({\n region,\n portalId,\n formId,\n target: `#${containerId}`,\n cssClass: formClassName,\n formInstanceId,\n });\n }\n }\n };\n\n useMount(() => {\n (async () => {\n if (!window.hbspt) {\n await loadHubspotScript();\n }\n\n createForm();\n })();\n\n return () => {\n if (createDOMElement && containerRef.current && containerRef.current.lastChild) {\n containerRef.current.removeChild(containerRef.current.lastChild);\n }\n };\n });\n\n return <div className={className} id={containerId} ref={containerRef} />;\n },\n);\n\nHubspotFormContainer.displayName = 'HubspotFormContainer';\n\nexport default HubspotFormContainer;\n"]}
1	+ {"version":3,"file":"HubspotFormContainer.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/HubspotFormContainer.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gDAAqC;AAGrC,uFAAoD;AACpD,0EAAkE;AAclE,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EACF,SAAS,EAET,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,oEAAoE;IACpE,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAQ,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,cAAc;QAC9B,CAAC,CAAC,gBAAgB,MAAM,IAAI,cAAc,EAAE;QAC5C,CAAC,CAAC,gBAAgB,MAAM,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC;YACtE,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvD,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;YAC7B,cAAc,CAAC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,CAAC,gBAAgB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC9C,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;oBACtB,MAAM;oBACN,QAAQ;oBACR,MAAM;oBACN,MAAM,EAAE,IAAI,WAAW,EAAE;oBACzB,QAAQ,EAAE,aAAa;oBACvB,cAAc;oBACd,WAAW,EAAE,aAAa;wBACtB,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,iDAAuB,EAAC,IAAI,EAAE,aAAa,CAAC;wBACxD,CAAC,CAAC,SAAS;iBAClB,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACV,CAAC,KAAK,IAAI,EAAE;YACR,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM,IAAA,2BAAiB,GAAE,CAAC;YAC9B,CAAC;YAED,UAAU,EAAE,CAAC;QACjB,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACR,IAAI,gBAAgB,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gBAC7E,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACrE,CAAC;QACL,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,gCAAK,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AAC7E,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useMount} from '../../hooks';\nimport {HubspotFormProps} from '../../models';\n\nimport loadHubspotScript from './loadHubspotScript';\nimport {setHubspotDefaultValues} from './setHubspotDefaultValues';\n\ntype HubspotFormContainerPropsKeys =\n \| 'className'\n \| 'formId'\n \| 'formInstanceId'\n \| 'portalId'\n \| 'region'\n \| 'formClassName'\n \| 'createDOMElement'\n \| 'defaultValues';\n\ntype HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;\n\nconst HubspotFormContainer = React.forwardRef<HTMLDivElement, HubspotFormContainerProps>(\n (props, ref) => {\n const {\n className,\n\n formId,\n formInstanceId,\n portalId,\n region,\n formClassName,\n createDOMElement,\n defaultValues,\n } = props;\n\n const containerRef = React.useRef<HTMLDivElement>(null);\n const hsContainerRef = React.useRef<HTMLDivElement>();\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n React.useImperativeHandle(ref, () => containerRef.current!);\n\n const containerId = formInstanceId\n ? `hubspot-form-${formId}-${formInstanceId}`\n : `hubspot-form-${formId}`;\n\n const createForm = () => {\n if (containerRef.current && !hsContainerRef.current && createDOMElement) {\n hsContainerRef.current = document.createElement('div');\n containerRef.current.id = '';\n hsContainerRef.current.id = containerId;\n containerRef.current.appendChild(hsContainerRef.current);\n }\n\n if (!createDOMElement \|\| hsContainerRef.current) {\n if (window.hbspt) {\n window.hbspt.forms.create({\n region,\n portalId,\n formId,\n target: `#${containerId}`,\n cssClass: formClassName,\n formInstanceId,\n onFormReady: defaultValues\n ? (form) => setHubspotDefaultValues(form, defaultValues)\n : undefined,\n });\n }\n }\n };\n\n useMount(() => {\n (async () => {\n if (!window.hbspt) {\n await loadHubspotScript();\n }\n\n createForm();\n })();\n\n return () => {\n if (createDOMElement && containerRef.current && containerRef.current.lastChild) {\n containerRef.current.removeChild(containerRef.current.lastChild);\n }\n };\n });\n\n return <div className={className} id={containerId} ref={containerRef} />;\n },\n);\n\nHubspotFormContainer.displayName = 'HubspotFormContainer';\n\nexport default HubspotFormContainer;\n"]}

package/build/cjs/sub-blocks/HubspotForm/index.js CHANGED Viewed

@@ -13,12 +13,12 @@ const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = React.forwardRef((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName,
     // hubspotEvents, // TODO: decide how to handle them
-    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
+    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, defaultValues, } = props;
     const themeValue = (0, theme_1.useTheme)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = React.useContext(mobileContext_1.MobileContext);
-    const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
-    const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
+    const theme = themeProp ?? themeValue;
+    const mobile = isMobileProp ?? isMobileValue;
     const handlers = React.useMemo(() => ({
         onBeforeLoad,
         onBeforeSubmit,
@@ -26,7 +26,7 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmitError,
         onSubmit: (event) => {
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
+            onSubmit?.(event);
         },
     }), [
         onBeforeLoad,
@@ -38,7 +38,7 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return ((0, jsx_runtime_1.jsx)(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
+    return ((0, jsx_runtime_1.jsx)(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, defaultValues: defaultValues, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
 });
 HubspotForm.displayName = 'HubspotForm';
 exports.default = HubspotForm;

package/build/cjs/sub-blocks/HubspotForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,wDAA6C;AAC7C,gDAAiE;AACjE,kDAAiE;AACjE,gDAAwD;AAExD,6FAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACF,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa;IACb,oDAAoD;IACpD,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,SAAS,~~aAAT~~,~~SAAS,cAAT,SAAS,GAAI,~~UAAU,CAAC;IACtC,MAAM,MAAM,GAAG,YAAY,~~aAAZ~~,~~YAAY,cAAZ,YAAY,GAAI,~~aAAa,CAAC;IAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACH,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,QAAQ,~~aAAR~~,~~QAAQ~~,~~uBAAR,QAAQ,CAAG,~~KAAK,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,EACF;QACI,YAAY;QACZ,cAAc;QACd,MAAM;QACN,eAAe;QACf,eAAe;QACf,QAAQ;QACR,aAAa;KAChB,CACJ,CAAC;IAEF,IAAA,8BAAsB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CACH,uBAAC,8BAAoB,IACjB,gBAAgB,EAAE,gBAAgB,EAElC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,EACxC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,~~IAPH~~,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,~~CAQvE~~,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics, useHandleHubspotEvents} from '../../hooks';\nimport {DefaultEventNames, HubspotFormProps} from '../../models';\nimport {HubspotEventHandlers, block} from '../../utils';\n\nimport HubspotFormContainer from './HubspotFormContainer';\n\nimport './HubspotForm.scss';\n\nconst b = block('hubspot-form');\n\nconst HubspotForm = React.forwardRef<HTMLDivElement, HubspotFormProps>((props, ref) => {\n const {\n className,\n theme: themeProp,\n isMobile: isMobileProp,\n formId,\n formInstanceId,\n portalId,\n region,\n formClassName,\n // hubspotEvents, // TODO: decide how to handle them\n analyticsEvents,\n onBeforeSubmit,\n onSubmit,\n onBeforeLoad,\n onLoad,\n createDOMElement,\n onSubmitError,\n } = props;\n\n const themeValue = useTheme();\n const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);\n const isMobileValue = React.useContext(MobileContext);\n\n const theme = themeProp ?? themeValue;\n const mobile = isMobileProp ?? isMobileValue;\n\n const handlers = React.useMemo<HubspotEventHandlers>(\n () => ({\n onBeforeLoad,\n onBeforeSubmit,\n onLoad,\n onSubmitError,\n onSubmit: (event) => {\n handleAnalytics(analyticsEvents);\n onSubmit?.(event);\n },\n }),\n [\n onBeforeLoad,\n onBeforeSubmit,\n onLoad,\n handleAnalytics,\n analyticsEvents,\n onSubmit,\n onSubmitError,\n ],\n );\n\n useHandleHubspotEvents(handlers, formId);\n return (\n <HubspotFormContainer\n createDOMElement={createDOMElement}\n key={[formClassName, formId, formInstanceId, portalId, region].join()}\n className={b({theme, mobile}, className)}\n formClassName={formClassName}\n formId={formId}\n portalId={portalId}\n formInstanceId={formInstanceId}\n region={region}\n ref={ref}\n />\n );\n});\n\nHubspotForm.displayName = 'HubspotForm';\n\nexport default HubspotForm;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,wDAA6C;AAC7C,gDAAiE;AACjE,kDAAiE;AACjE,gDAAwD;AAExD,6FAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACF,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa;IACb,oDAAoD;IACpD,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,SAAS,IAAI,UAAU,CAAC;IACtC,MAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAC;IAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACH,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,EACF;QACI,YAAY;QACZ,cAAc;QACd,MAAM;QACN,eAAe;QACf,eAAe;QACf,QAAQ;QACR,aAAa;KAChB,CACJ,CAAC;IAEF,IAAA,8BAAsB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CACH,uBAAC,8BAAoB,IACjB,gBAAgB,EAAE,gBAAgB,EAElC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,EACxC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,GAAG,IARH,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CASvE,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics, useHandleHubspotEvents} from '../../hooks';\nimport {DefaultEventNames, HubspotFormProps} from '../../models';\nimport {HubspotEventHandlers, block} from '../../utils';\n\nimport HubspotFormContainer from './HubspotFormContainer';\n\nimport './HubspotForm.scss';\n\nconst b = block('hubspot-form');\n\nconst HubspotForm = React.forwardRef<HTMLDivElement, HubspotFormProps>((props, ref) => {\n const {\n className,\n theme: themeProp,\n isMobile: isMobileProp,\n formId,\n formInstanceId,\n portalId,\n region,\n formClassName,\n // hubspotEvents, // TODO: decide how to handle them\n analyticsEvents,\n onBeforeSubmit,\n onSubmit,\n onBeforeLoad,\n onLoad,\n createDOMElement,\n onSubmitError,\n defaultValues,\n } = props;\n\n const themeValue = useTheme();\n const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);\n const isMobileValue = React.useContext(MobileContext);\n\n const theme = themeProp ?? themeValue;\n const mobile = isMobileProp ?? isMobileValue;\n\n const handlers = React.useMemo<HubspotEventHandlers>(\n () => ({\n onBeforeLoad,\n onBeforeSubmit,\n onLoad,\n onSubmitError,\n onSubmit: (event) => {\n handleAnalytics(analyticsEvents);\n onSubmit?.(event);\n },\n }),\n [\n onBeforeLoad,\n onBeforeSubmit,\n onLoad,\n handleAnalytics,\n analyticsEvents,\n onSubmit,\n onSubmitError,\n ],\n );\n\n useHandleHubspotEvents(handlers, formId);\n return (\n <HubspotFormContainer\n createDOMElement={createDOMElement}\n key={[formClassName, formId, formInstanceId, portalId, region].join()}\n className={b({theme, mobile}, className)}\n formClassName={formClassName}\n formId={formId}\n portalId={portalId}\n formInstanceId={formInstanceId}\n region={region}\n defaultValues={defaultValues}\n ref={ref}\n />\n );\n});\n\nHubspotForm.displayName = 'HubspotForm';\n\nexport default HubspotForm;\n"]}

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js CHANGED Viewed

@@ -13,8 +13,7 @@ const loadHubspotScript = async () => {
                 resolve(event);
             };
             script.onerror = (event) => {
-                var _a;
-                (_a = script === null || script === void 0 ? void 0 : script.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(script);
+                script?.parentNode?.removeChild(script);
                 reject(event);
             };
             document.head.appendChild(script);

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loadHubspotScript.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/loadHubspotScript.ts"],"names":[],"mappings":";;AAAA,IAAI,aAA+B,CAAC;AAEpC,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACjC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,aAAa,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,kCAAkC,CAAC;YAChD,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;;gBACvB,~~MAAA,~~MAAM,~~aAAN~~,~~MAAM,uBAAN,MAAM,CAAE,~~UAAU,~~0CAAE~~,WAAW,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["let scriptPromise: Promise<unknown>;\n\nconst loadHubspotScript = async () => {\n if (scriptPromise) {\n return scriptPromise;\n } else {\n scriptPromise = new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.src = '//js-eu1.hsforms.net/forms/v2.js';\n script.onload = (event) => {\n resolve(event);\n };\n script.onerror = (event) => {\n script?.parentNode?.removeChild(script);\n reject(event);\n };\n\n document.head.appendChild(script);\n });\n return scriptPromise;\n }\n};\n\nexport default loadHubspotScript;\n"]}
1	+ {"version":3,"file":"loadHubspotScript.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/loadHubspotScript.ts"],"names":[],"mappings":";;AAAA,IAAI,aAA+B,CAAC;AAEpC,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACjC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,aAAa,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,kCAAkC,CAAC;YAChD,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["let scriptPromise: Promise<unknown>;\n\nconst loadHubspotScript = async () => {\n if (scriptPromise) {\n return scriptPromise;\n } else {\n scriptPromise = new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.src = '//js-eu1.hsforms.net/forms/v2.js';\n script.onload = (event) => {\n resolve(event);\n };\n script.onerror = (event) => {\n script?.parentNode?.removeChild(script);\n reject(event);\n };\n\n document.head.appendChild(script);\n });\n return scriptPromise;\n }\n};\n\nexport default loadHubspotScript;\n"]}

package/build/cjs/sub-blocks/HubspotForm/schema.js CHANGED Viewed

@@ -5,14 +5,20 @@ const common_1 = require("../../schema/validators/common.js");
 exports.HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
-    properties: Object.assign(Object.assign({}, common_1.BaseProps), { region: {
+    properties: {
+        ...common_1.BaseProps,
+        region: {
             type: 'string',
-        }, portalId: {
+        },
+        portalId: {
             type: 'string',
-        }, formId: {
+        },
+        formId: {
             type: 'string',
-        }, formInstanceId: {
+        },
+        formInstanceId: {
             type: 'string',
-        } }),
+        },
+    },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/HubspotForm/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,~~kCACH~~,kBAAS,~~KACZ,~~MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,~~EACD,~~QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB,~~EACD,~~MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,~~EACD,~~cAAc,EAAE;YACZ,IAAI,EAAE,QAAQ;SACjB~~,GACJ~~;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const HubspotFormProps = {\n type: 'object',\n required: ['portalId', 'formId'],\n properties: {\n ...BaseProps,\n region: {\n type: 'string',\n },\n portalId: {\n type: 'string',\n },\n formId: {\n type: 'string',\n },\n formInstanceId: {\n type: 'string',\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,cAAc,EAAE;YACZ,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const HubspotFormProps = {\n type: 'object',\n required: ['portalId', 'formId'],\n properties: {\n ...BaseProps,\n region: {\n type: 'string',\n },\n portalId: {\n type: 'string',\n },\n formId: {\n type: 'string',\n },\n formInstanceId: {\n type: 'string',\n },\n },\n};\n"]}

package/build/cjs/sub-blocks/HubspotForm/setHubspotDefaultValues.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { HubspotFormDefaultValues } from "../../utils/hubspot.js";
2	+ export declare const setHubspotDefaultValues: (form: HTMLFormElement, defaultValues: HubspotFormDefaultValues) => void;

package/build/cjs/sub-blocks/HubspotForm/setHubspotDefaultValues.js ADDED Viewed

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setHubspotDefaultValues = void 0;
+const setInputValue = (inputs, value) => {
+    const input = inputs[0];
+    const type = input.type;
+    switch (type) {
+        case 'checkbox':
+            input.checked = Boolean(value);
+            return;
+        case 'radio':
+            inputs.forEach((radio) => {
+                if (radio.value === String(value)) {
+                    input.checked = true;
+                }
+            });
+            return;
+        default:
+            input.value = String(value);
+    }
+};
+const setSelectValue = (select, value) => {
+    const options = Array.from(select.querySelectorAll('option'));
+    options.forEach((option) => {
+        if (option.value === String(value)) {
+            option.selected = true;
+        }
+    });
+};
+const setValue = (elements, value) => {
+    const element = elements[0];
+    switch (element.tagName.toLowerCase()) {
+        case 'input':
+            setInputValue(elements, value);
+            return;
+        case 'textarea':
+            element.value = String(value);
+            return;
+        case 'select':
+            setSelectValue(element, value);
+            return;
+    }
+};
+const setHubspotDefaultValues = (form, defaultValues) => {
+    Object.entries(defaultValues).forEach(([name, value]) => {
+        const inputs = Array.from(form.querySelectorAll(`[name="${name}"]`));
+        setValue(inputs, value);
+    });
+};
+exports.setHubspotDefaultValues = setHubspotDefaultValues;
+//# sourceMappingURL=setHubspotDefaultValues.js.map

package/build/cjs/sub-blocks/HubspotForm/setHubspotDefaultValues.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"setHubspotDefaultValues.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/setHubspotDefaultValues.ts"],"names":[],"mappings":";;;AAOA,MAAM,aAAa,GAAG,CAAC,MAA0B,EAAE,KAAwB,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,UAAU;YACX,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;YAC/B,OAAO;QACX,KAAK,OAAO;YACR,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;oBAChC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACzB,CAAC;YACL,CAAC,CAAC,CAAC;YACH,OAAO;QACX;YACI,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,MAAyB,EAAE,KAAwB,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACvB,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,QAAmB,EAAE,KAAwB,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,QAAQ,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;QACpC,KAAK,OAAO;YACR,aAAa,CAAC,QAA8B,EAAE,KAAK,CAAC,CAAC;YACrD,OAAO;QACX,KAAK,UAAU;YACV,OAA+B,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACvD,OAAO;QACX,KAAK,QAAQ;YACT,cAAc,CAAC,OAA4B,EAAE,KAAK,CAAC,CAAC;YACpD,OAAO;IACf,CAAC;AACL,CAAC,CAAC;AAEK,MAAM,uBAAuB,GAAG,CACnC,IAAqB,EACrB,aAAuC,EACzC,EAAE;IACA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC;QACrE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AARW,QAAA,uBAAuB,2BAQlC","sourcesContent":["import {HubspotFormDefaultValues} from '../../utils/hubspot';\n\n/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */\n/* eslint-disable no-param-reassign */\n\ntype HubspotInputValue = HubspotFormDefaultValues[string];\n\nconst setInputValue = (inputs: HTMLInputElement[], value: HubspotInputValue) => {\n const input = inputs[0];\n const type = input.type;\n\n switch (type) {\n case 'checkbox':\n input.checked = Boolean(value);\n return;\n case 'radio':\n inputs.forEach((radio) => {\n if (radio.value === String(value)) {\n input.checked = true;\n }\n });\n return;\n default:\n input.value = String(value);\n }\n};\n\nconst setSelectValue = (select: HTMLSelectElement, value: HubspotInputValue) => {\n const options = Array.from(select.querySelectorAll('option'));\n\n options.forEach((option) => {\n if (option.value === String(value)) {\n option.selected = true;\n }\n });\n};\n\nconst setValue = (elements: Element[], value: HubspotInputValue) => {\n const element = elements[0];\n\n switch (element.tagName.toLowerCase()) {\n case 'input':\n setInputValue(elements as HTMLInputElement[], value);\n return;\n case 'textarea':\n (element as HTMLTextAreaElement).value = String(value);\n return;\n case 'select':\n setSelectValue(element as HTMLSelectElement, value);\n return;\n }\n};\n\nexport const setHubspotDefaultValues = (\n form: HTMLFormElement,\n defaultValues: HubspotFormDefaultValues,\n) => {\n Object.entries(defaultValues).forEach(([name, value]) => {\n const inputs = Array.from(form.querySelectorAll(`[name=\"${name}\"]`));\n setValue(inputs, value);\n });\n};\n"]}

package/build/cjs/sub-blocks/ImageCard/ImageCard.js CHANGED Viewed

@@ -20,7 +20,7 @@ const ImageCard = (props) => {
     const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
     const imageProps = (0, utils_1.getMediaImage)(themedImage);
     const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
+    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
     return url ? ((0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),

package/build/cjs/sub-blocks/ImageCard/ImageCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAkD;AAElD,0DAAuC;AACvC,iEAAiE;AACjE,wDAA6C;AAE7C,kDAAgE;AAChE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,iBAAiB,GAAwB,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;AAEjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,GAAG,QAAQ,EACjB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,uBAAuB,GAAG,KAAK,EAC/B,SAAS,GAAG,2BAAkB,CAAC,MAAM,EACrC,OAAO,EACP,eAAe,EACf,GAAG,EACH,MAAM,EACN,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,IAAI,GAAG,GAAG,EACV,eAAe,GAAG,SAAS,GAC9B,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,CAChB,wBAAC,KAAK,CAAC,QAAQ,eACX,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,YACjC,uBAAC,kBAAK,~~kBACF~~,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,MAAM,EAAE,uBAAuB,EAAC,CAAC,~~IAC1D~~,UAAU,~~EAChB~~,GACA,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACA,CACT,IACY,CACpB,CAAC;IAEF,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,uBAAC,YAAI,IACD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EAC5D,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,EAAC,eAAe,EAAC,EACxB,UAAU,EAAE;YACR,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,CAAC,CAAqC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7E,YAEA,WAAW,GACT,CACV,CAAC,CAAC,CAAC,CACA,gCACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,EAAC,eAAe,EAAC,YAEvB,WAAW,GACV,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n const {\n border = 'shadow',\n title,\n text,\n image,\n enableImageBorderRadius = false,\n direction = ImageCardDirection.Direct,\n margins,\n backgroundColor,\n url,\n target,\n urlTitle,\n additionalInfo,\n links,\n buttons,\n list,\n theme: cardTheme = 'default',\n size = 's',\n controlPosition = 'content',\n } = props;\n\n const globalTheme = useTheme();\n const areControlsInFooter = controlPosition === 'footer';\n const hasContent = Boolean(text \|\| title \|\| buttons \|\| links \|\| list);\n const themedImage = getThemedValue(image, globalTheme);\n const imageProps = getMediaImage(themedImage);\n\n const titleId = useUniqId();\n\n const cardContent = (\n <React.Fragment>\n <div className={b('image', {margins})}>\n <Image\n className={b('image_inner', {radius: enableImageBorderRadius})}\n {...imageProps}\n />\n </div>\n {hasContent && (\n <div className={b('content')}>\n <Content\n titleId={titleId}\n title={title}\n text={text}\n links={links}\n buttons={buttons}\n list={list}\n theme={cardTheme}\n additionalInfo={additionalInfo}\n size={size}\n colSizes={CONTENT_COL_SIZES}\n controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n />\n </div>\n )}\n </React.Fragment>\n );\n\n return url ? (\n <Link\n href={url}\n target={target}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n className={b({border, 'with-content': hasContent, direction})}\n title={urlTitle}\n style={{backgroundColor}}\n extraProps={{\n draggable: false,\n onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n }}\n >\n {cardContent}\n </Link>\n ) : (\n <div\n className={b({border, 'with-content': hasContent, direction})}\n style={{backgroundColor}}\n >\n {cardContent}\n </div>\n );\n};\n\nexport default ImageCard;\n"]}
1	+ {"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n const {\n border = 'shadow',\n title,\n text,\n image,\n enableImageBorderRadius = false,\n direction = ImageCardDirection.Direct,\n margins,\n backgroundColor,\n url,\n target,\n urlTitle,\n additionalInfo,\n links,\n buttons,\n list,\n theme: cardTheme = 'default',\n size = 's',\n controlPosition = 'content',\n } = props;\n\n const globalTheme = useTheme();\n const areControlsInFooter = controlPosition === 'footer';\n const hasContent = Boolean(text \|\| title \|\| buttons \|\| links \|\| list);\n const themedImage = getThemedValue(image, globalTheme);\n const imageProps = getMediaImage(themedImage);\n\n const titleId = useUniqId();\n\n const cardContent = (\n <React.Fragment>\n <div className={b('image', {margins})}>\n <Image\n className={b('image_inner', {radius: enableImageBorderRadius})}\n {...imageProps}\n />\n </div>\n {hasContent && (\n <div className={b('content')}>\n <Content\n titleId={titleId}\n title={title}\n text={text}\n links={links}\n buttons={buttons}\n list={list}\n theme={cardTheme}\n additionalInfo={additionalInfo}\n size={size}\n colSizes={CONTENT_COL_SIZES}\n controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n />\n </div>\n )}\n </React.Fragment>\n );\n\n return url ? (\n <Link\n href={url}\n target={target}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n className={b({border, 'with-content': hasContent, direction})}\n title={urlTitle}\n style={{backgroundColor}}\n extraProps={{\n draggable: false,\n onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n }}\n >\n {cardContent}\n </Link>\n ) : (\n <div\n className={b({border, 'with-content': hasContent, direction})}\n style={{backgroundColor}}\n >\n {cardContent}\n </div>\n );\n};\n\nexport default ImageCard;\n"]}

package/build/cjs/sub-blocks/ImageCard/schema.js CHANGED Viewed

@@ -11,19 +11,30 @@ exports.ImageCard = {
     'image-card': {
         additionalProperties: false,
         required: ['image'],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), ImageCardBlockContentProps), { image: components_1.ImageProps, direction: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.CardBase,
+            ...common_1.CardLayoutProps,
+            ...ImageCardBlockContentProps,
+            image: components_1.ImageProps,
+            direction: {
                 type: 'string',
                 enum: ['direct', 'reverse'],
-            }, margins: {
+            },
+            margins: {
                 type: 'string',
                 enum: ['s', 'm'],
-            }, backgroundColor: {
+            },
+            backgroundColor: {
                 type: 'string',
-            }, url: {
+            },
+            url: {
                 type: 'string',
-            }, urlTitle: {
+            },
+            urlTitle: {
                 type: 'string',
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/ImageCard/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAoF;AACpF,sEAA8D;AAC9D,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErF,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,~~4EACH~~,kBAAS,~~GACT~~,iBAAQ,~~GACR~~,wBAAe,~~GACf~~,0BAA0B,~~KAC7B,~~KAAK,EAAE,uBAAU,~~EACjB,~~SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9B,~~EACD,~~OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;aACnB,~~EACD,~~eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,~~EACD,~~GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,~~EACD,~~QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB~~,GACJ~~;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {ContentBase} from '../Content/schema';\n\nconst ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);\n\nexport const ImageCard = {\n 'image-card': {\n additionalProperties: false,\n required: ['image'],\n properties: {\n ...BaseProps,\n ...CardBase,\n ...CardLayoutProps,\n ...ImageCardBlockContentProps,\n image: ImageProps,\n direction: {\n type: 'string',\n enum: ['direct', 'reverse'],\n },\n margins: {\n type: 'string',\n enum: ['s', 'm'],\n },\n backgroundColor: {\n type: 'string',\n },\n url: {\n type: 'string',\n },\n urlTitle: {\n type: 'string',\n },\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAoF;AACpF,sEAA8D;AAC9D,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErF,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,0BAA0B;YAC7B,KAAK,EAAE,uBAAU;YACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9B;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;aACnB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;YACD,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {ContentBase} from '../Content/schema';\n\nconst ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);\n\nexport const ImageCard = {\n 'image-card': {\n additionalProperties: false,\n required: ['image'],\n properties: {\n ...BaseProps,\n ...CardBase,\n ...CardLayoutProps,\n ...ImageCardBlockContentProps,\n image: ImageProps,\n direction: {\n type: 'string',\n enum: ['direct', 'reverse'],\n },\n margins: {\n type: 'string',\n enum: ['s', 'm'],\n },\n backgroundColor: {\n type: 'string',\n },\n url: {\n type: 'string',\n },\n urlTitle: {\n type: 'string',\n },\n },\n },\n};\n"]}

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js CHANGED Viewed

@@ -11,13 +11,18 @@ const microdata_1 = require("../../utils/microdata.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('layout-item');
-const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
+const LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
     const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    const contentProps = Object.assign(Object.assign({ controlPosition: areControlsInFooter ? 'bottom' : 'default' }, content), { links: normalizedLinks, size: 's', colSizes: { all: 12, md: 12 } });
+    const contentProps = {
+        controlPosition: areControlsInFooter ? 'bottom' : 'default',
+        ...content,
+        links: normalizedLinks,
+        size: 's',
+        colSizes: { all: 12, md: 12 },
+    };
     const titleId = (0, uikit_1.useUniqId)();
     const renderMedia = () => {
         if (!media) {
@@ -26,15 +31,12 @@ const LayoutItem = (_a) => {
         const themedMedia = (0, utils_1.getThemedValue)(media, theme);
         const { title } = content;
         const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-            name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
+            name: typeof title === 'string' ? title : title?.text,
             description: content.text,
         });
-        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: (_a = {}) => {
-                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
-                return ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-            } })) : ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: ({ className: mediaClassName, fullscreen: _fullscreen, ...fullscreenMediaProps } = {}) => ((0, jsx_runtime_1.jsx)(components_1.Media, { ...mediaWithMicrodata, ...fullscreenMediaProps, className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })) })) : ((0, jsx_runtime_1.jsx)(components_1.Media, { ...themedMedia, className: b('media', { border }), analyticsEvents: analyticsEvents }));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { ...contentProps, titleId: titleId }) }) })] }));
 };
 exports.default = LayoutItem;
 //# sourceMappingURL=LayoutItem.js.map

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA4C;AAE5C,0DAA+E;AAC/E,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAC1D,4EAAyC;AAEzC,sCAA8E;AAI9E,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,UAAU,GAAG,CAAC,~~EAWF~~,~~EAAE~~,EAAE~~;QAVlB~~,~~eAA4B~~,~~EAA5B,EAAU,~~KAAK,~~OAAa~~,~~EAAR~~,OAAO,~~sBAAlB~~,~~SAAmB~~,~~CAAD,EADX,EAEhB,~~aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,SAAS,EACT,eAAe,EACf,eAAe,GAAG,SAAS,~~OACb~~;~~IACd~~,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAChF,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,~~iCACd~~,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,~~IACxD~~,OAAO,~~KACV,~~KAAK,EAAE,eAAe,~~EACtB,~~IAAI,EAAE,GAAG,~~EACT,~~QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,~~GAC9B,~~CAAC;IACF,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC;QACxB,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;YACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,~~aAAL~~,~~KAAK,uBAAL,KAAK,CAAE,~~IAAI;YACrD,WAAW,EAAE,OAAO,CAAC,IAAI;SAC5B,CAAC,CAAC;QAEH,OAAO,UAAU,IAAI,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC9C,uBAAC,4BAAe,IAAC,kBAAkB,EAAE,IAAA,0BAAkB,EAAC,WAAW,CAAC,YAC/D,CAAC,~~KAIE,EAAE,EAAE,EAAE;oBAJR,~~EACE,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,WAAW,~~OAErB~~,~~EADC~~,oBAAoB,~~sBAHzB~~,~~2BAID~~,~~CAD0B;gBAChB~~,~~OAAA~~,CACP,uBAAC,kBAAK,~~oBACE~~,kBAAkB,~~EAClB~~,oBAAoB,~~IACxB~~,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,EAC/C,eAAe,EAAE,eAAe,~~IAClC~~,CACL,~~CAAA;aAAA,~~GACa,CACrB,CAAC,CAAC,CAAC,CACA,uBAAC,kBAAK,~~oBACE~~,WAAW,~~IACf~~,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,EAC/B,eAAe,EAAE,eAAe,~~IAClC~~,CACL,CAAC;IACN,CAAC,CAAC;IACF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,WAAW,EAAE,EACb,QAAQ,IAAI,uBAAC,qBAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,GAAI,EACrE,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAC,CAAC,YACrE,uBAAC,wBAAW,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAClD,uBAAC,iBAAO,~~oBAAK~~,YAAY,~~IAAE~~,OAAO,EAAE,OAAO,~~IAAI~~,GACrC,GACZ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n content: {links, ...content},\n contentMargin = 'm',\n metaInfo,\n media,\n border,\n fullscreen,\n icon,\n className,\n analyticsEvents,\n controlPosition = 'content',\n}: LayoutItemProps) => {\n const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n const areControlsInFooter = controlPosition === 'footer';\n const theme = useTheme();\n const themedIcon = getThemedValue(icon, theme);\n\n const contentProps: ContentBlockProps = {\n controlPosition: areControlsInFooter ? 'bottom' : 'default',\n ...content,\n links: normalizedLinks,\n size: 's',\n colSizes: {all: 12, md: 12},\n };\n const titleId = useUniqId();\n const renderMedia = () => {\n if (!media) {\n return null;\n }\n const themedMedia = getThemedValue(media, theme);\n const {title} = content;\n const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n name: typeof title === 'string' ? title : title?.text,\n description: content.text,\n });\n\n return fullscreen && hasFullscreen(themedMedia) ? (\n <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n {({\n className: mediaClassName,\n fullscreen: _fullscreen,\n ...fullscreenMediaProps\n } = {}) => (\n <Media\n {...mediaWithMicrodata}\n {...fullscreenMediaProps}\n className={b('media', {border}, mediaClassName)}\n analyticsEvents={analyticsEvents}\n />\n )}\n </FullscreenMedia>\n ) : (\n <Media\n {...themedMedia}\n className={b('media', {border})}\n analyticsEvents={analyticsEvents}\n />\n );\n };\n return (\n <div className={b(null, className)}>\n {renderMedia()}\n {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n <IconWrapper icon={themedIcon} className={b('wrapper')}>\n <Content {...contentProps} titleId={titleId} />\n </IconWrapper>\n </div>\n </div>\n );\n};\n\nexport default LayoutItem;\n"]}
1	+ {"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA4C;AAE5C,0DAA+E;AAC/E,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAC1D,4EAAyC;AAEzC,sCAA8E;AAI9E,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,UAAU,GAAG,CAAC,EAChB,OAAO,EAAE,EAAC,KAAK,EAAE,GAAG,OAAO,EAAC,EAC5B,aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,SAAS,EACT,eAAe,EACf,eAAe,GAAG,SAAS,GACb,EAAE,EAAE;IAClB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAChF,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAsB;QACpC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAC3D,GAAG,OAAO;QACV,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;KAC9B,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC;QACxB,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;YACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI;YACrD,WAAW,EAAE,OAAO,CAAC,IAAI;SAC5B,CAAC,CAAC;QAEH,OAAO,UAAU,IAAI,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC9C,uBAAC,4BAAe,IAAC,kBAAkB,EAAE,IAAA,0BAAkB,EAAC,WAAW,CAAC,YAC/D,CAAC,EACE,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,WAAW,EACvB,GAAG,oBAAoB,EAC1B,GAAG,EAAE,EAAE,EAAE,CAAC,CACP,uBAAC,kBAAK,OACE,kBAAkB,KAClB,oBAAoB,EACxB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,EAC/C,eAAe,EAAE,eAAe,GAClC,CACL,GACa,CACrB,CAAC,CAAC,CAAC,CACA,uBAAC,kBAAK,OACE,WAAW,EACf,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,EAC/B,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;IACN,CAAC,CAAC;IACF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,WAAW,EAAE,EACb,QAAQ,IAAI,uBAAC,qBAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,GAAI,EACrE,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAC,CAAC,YACrE,uBAAC,wBAAW,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAClD,uBAAC,iBAAO,OAAK,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,GACrC,GACZ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n content: {links, ...content},\n contentMargin = 'm',\n metaInfo,\n media,\n border,\n fullscreen,\n icon,\n className,\n analyticsEvents,\n controlPosition = 'content',\n}: LayoutItemProps) => {\n const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n const areControlsInFooter = controlPosition === 'footer';\n const theme = useTheme();\n const themedIcon = getThemedValue(icon, theme);\n\n const contentProps: ContentBlockProps = {\n controlPosition: areControlsInFooter ? 'bottom' : 'default',\n ...content,\n links: normalizedLinks,\n size: 's',\n colSizes: {all: 12, md: 12},\n };\n const titleId = useUniqId();\n const renderMedia = () => {\n if (!media) {\n return null;\n }\n const themedMedia = getThemedValue(media, theme);\n const {title} = content;\n const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n name: typeof title === 'string' ? title : title?.text,\n description: content.text,\n });\n\n return fullscreen && hasFullscreen(themedMedia) ? (\n <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n {({\n className: mediaClassName,\n fullscreen: _fullscreen,\n ...fullscreenMediaProps\n } = {}) => (\n <Media\n {...mediaWithMicrodata}\n {...fullscreenMediaProps}\n className={b('media', {border}, mediaClassName)}\n analyticsEvents={analyticsEvents}\n />\n )}\n </FullscreenMedia>\n ) : (\n <Media\n {...themedMedia}\n className={b('media', {border})}\n analyticsEvents={analyticsEvents}\n />\n );\n };\n return (\n <div className={b(null, className)}>\n {renderMedia()}\n {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n <IconWrapper icon={themedIcon} className={b('wrapper')}>\n <Content {...contentProps} titleId={titleId} />\n </IconWrapper>\n </div>\n </div>\n );\n};\n\nexport default LayoutItem;\n"]}

package/build/cjs/sub-blocks/LayoutItem/schema.js CHANGED Viewed

@@ -11,23 +11,36 @@ exports.LayoutItem = {
     type: 'object',
     additionalProperties: false,
     required: ['content', 'media'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardLayoutProps), { media: common_1.MediaProps, content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
+    properties: {
+        ...common_1.BaseProps,
+        ...common_1.CardLayoutProps,
+        media: common_1.MediaProps,
+        content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']),
+        contentMargin: {
             type: 'string',
             enum: ['m', 'l'],
             default: 'm',
-        }, metaInfo: schema_1.default, border: {
+        },
+        metaInfo: schema_1.default,
+        border: {
             type: 'boolean',
-        }, fullscreen: {
+        },
+        fullscreen: {
             type: 'boolean',
-        }, analyticsEvents: {
+        },
+        analyticsEvents: {
             oneOf: [
-                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    ...event_1.AnalyticsEventSchema,
+                    optionName: 'single',
+                },
                 {
                     type: 'array',
                     items: event_1.AnalyticsEventSchema,
                     optionName: 'list',
                 },
             ],
-        } }),
+        },
+    },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/LayoutItem/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,yFAAwD;AACxD,8DAAsF;AACtF,4DAAmE;AACnE,iDAA4D;AAE/C,QAAA,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,~~gDACH~~,kBAAS,~~GACT~~,wBAAe,~~KAClB,~~KAAK,EAAE,mBAAU,~~EACjB,~~OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,~~EAC3D,~~aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf,~~EACD,~~QAAQ,EAAE,gBAAQ,~~EAClB,~~MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB,~~EACD,~~UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB,~~EACD,~~eAAe,EAAE;YACb,KAAK,EAAE;~~gDAEI~~,4BAAoB,~~KACvB,~~UAAU,EAAE,QAAQ;~~gBAExB~~;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ~~,GACJ~~;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport metaInfo from '../../components/MetaInfo/schema';\nimport {BaseProps, CardLayoutProps, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const LayoutItem = {\n type: 'object',\n additionalProperties: false,\n required: ['content', 'media'],\n properties: {\n ...BaseProps,\n ...CardLayoutProps,\n media: MediaProps,\n content: omit(ContentBase, ['colSize', 'size', 'centered']),\n contentMargin: {\n type: 'string',\n enum: ['m', 'l'],\n default: 'm',\n },\n metaInfo: metaInfo,\n border: {\n type: 'boolean',\n },\n fullscreen: {\n type: 'boolean',\n },\n analyticsEvents: {\n oneOf: [\n {\n ...AnalyticsEventSchema,\n optionName: 'single',\n },\n {\n type: 'array',\n items: AnalyticsEventSchema,\n optionName: 'list',\n },\n ],\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,yFAAwD;AACxD,8DAAsF;AACtF,4DAAmE;AACnE,iDAA4D;AAE/C,QAAA,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;QAClB,KAAK,EAAE,mBAAU;QACjB,OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf;QACD,QAAQ,EAAE,gBAAQ;QAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,KAAK,EAAE;gBACH;oBACI,GAAG,4BAAoB;oBACvB,UAAU,EAAE,QAAQ;iBACvB;gBACD;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport metaInfo from '../../components/MetaInfo/schema';\nimport {BaseProps, CardLayoutProps, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const LayoutItem = {\n type: 'object',\n additionalProperties: false,\n required: ['content', 'media'],\n properties: {\n ...BaseProps,\n ...CardLayoutProps,\n media: MediaProps,\n content: omit(ContentBase, ['colSize', 'size', 'centered']),\n contentMargin: {\n type: 'string',\n enum: ['m', 'l'],\n default: 'm',\n },\n metaInfo: metaInfo,\n border: {\n type: 'boolean',\n },\n fullscreen: {\n type: 'boolean',\n },\n analyticsEvents: {\n oneOf: [\n {\n ...AnalyticsEventSchema,\n optionName: 'single',\n },\n {\n type: 'array',\n items: AnalyticsEventSchema,\n optionName: 'list',\n },\n ],\n },\n },\n};\n"]}

package/build/cjs/sub-blocks/LayoutItem/utils.js CHANGED Viewed

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.showFullscreenIcon = exports.hasFullscreen = exports.getLayoutItemLinks = void 0;
-const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
+const getLayoutItemLinks = (links) => links?.map((link) => ({
+    theme: 'normal',
+    ...link,
+}));
 exports.getLayoutItemLinks = getLayoutItemLinks;
 const hasFullscreen = ({ dataLens, image }) => {
     // datalens and slider media card don't support fullscreen mode

package/build/cjs/sub-blocks/LayoutItem/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE,CAC7E,KAAK,~~aAAL~~,~~KAAK,uBAAL,KAAK,CAAE,~~GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,~~iBACjB~~,KAAK,EAAE,QAAqB,~~IACzB~~,IAAI,~~EACT~~,CAAC,CAAC;AAJK,QAAA,kBAAkB,sBAIvB;AAED,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAa,EAAE,EAAE;IAC3D,+DAA+D;IAC/D,OAAO,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB;AAEK,MAAM,kBAAkB,GAAG,CAAC,EAAC,OAAO,EAAE,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC;AAAvF,QAAA,kBAAkB,sBAAqE","sourcesContent":["import {LayoutItemProps, LinkTheme, MediaProps} from '../../models';\n\nexport const getLayoutItemLinks = (links: LayoutItemProps['content']['links']) =>\n links?.map((link) => ({\n theme: 'normal' as LinkTheme,\n ...link,\n }));\n\nexport const hasFullscreen = ({dataLens, image}: MediaProps) => {\n // datalens and slider media card don't support fullscreen mode\n return !(dataLens \|\| Array.isArray(image));\n};\n\nexport const showFullscreenIcon = ({youtube, videoIframe}: MediaProps) => !(youtube \|\| videoIframe);\n"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE,CAC7E,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClB,KAAK,EAAE,QAAqB;IAC5B,GAAG,IAAI;CACV,CAAC,CAAC,CAAC;AAJK,QAAA,kBAAkB,sBAIvB;AAED,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAa,EAAE,EAAE;IAC3D,+DAA+D;IAC/D,OAAO,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB;AAEK,MAAM,kBAAkB,GAAG,CAAC,EAAC,OAAO,EAAE,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC;AAAvF,QAAA,kBAAkB,sBAAqE","sourcesContent":["import {LayoutItemProps, LinkTheme, MediaProps} from '../../models';\n\nexport const getLayoutItemLinks = (links: LayoutItemProps['content']['links']) =>\n links?.map((link) => ({\n theme: 'normal' as LinkTheme,\n ...link,\n }));\n\nexport const hasFullscreen = ({dataLens, image}: MediaProps) => {\n // datalens and slider media card don't support fullscreen mode\n return !(dataLens \|\| Array.isArray(image));\n};\n\nexport const showFullscreenIcon = ({youtube, videoIframe}: MediaProps) => !(youtube \|\| videoIframe);\n"]}

package/build/cjs/sub-blocks/MediaCard/MediaCard.js CHANGED Viewed

@@ -1,13 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../components/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('MediaCard');
-const MediaCard = (_a) => {
-    var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaProps)) }) }));
-};
+const MediaCard = ({ border, analyticsEvents, ...mediaProps }) => ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Media, { ...mediaProps }) }) }));
 exports.default = MediaCard;
 //# sourceMappingURL=MediaCard.js.map

package/build/cjs/sub-blocks/MediaCard/MediaCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/MediaCard.tsx"],"names":[],"mappings":"~~;;;;~~AAAA,0DAAiD;AAEjD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,~~EAAwD,EAAE,EAAE;QAA5D,~~EAAC,MAAM,EAAE,eAAe,~~OAAgC~~,~~EAA3B~~,UAAU,~~sBAAvC~~,~~6BAAwC~~,~~CAAD;IAAsB~~,~~OAAA~~,CAC5E,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,kBAAK,~~oBAAK~~,UAAU,~~EAAI~~,GACV,GACZ,CACd,~~CAAA;CAAA,~~CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {CardBase, Media} from '../../components';\nimport {MediaCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './MediaCard.scss';\n\nconst b = block('MediaCard');\n\nconst MediaCard = ({border, analyticsEvents, ...mediaProps}: MediaCardProps) => (\n <CardBase\n className={b()}\n bodyClassName={b('body')}\n border={border}\n analyticsEvents={analyticsEvents}\n >\n <CardBase.Content>\n <Media {...mediaProps} />\n </CardBase.Content>\n </CardBase>\n);\n\nexport default MediaCard;\n"]}
1	+ {"version":3,"file":"MediaCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/MediaCard.tsx"],"names":[],"mappings":";;;AAAA,0DAAiD;AAEjD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,EAAiB,EAAE,EAAE,CAAC,CAC5E,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,kBAAK,OAAK,UAAU,GAAI,GACV,GACZ,CACd,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {CardBase, Media} from '../../components';\nimport {MediaCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './MediaCard.scss';\n\nconst b = block('MediaCard');\n\nconst MediaCard = ({border, analyticsEvents, ...mediaProps}: MediaCardProps) => (\n <CardBase\n className={b()}\n bodyClassName={b('body')}\n border={border}\n analyticsEvents={analyticsEvents}\n >\n <CardBase.Content>\n <Media {...mediaProps} />\n </CardBase.Content>\n </CardBase>\n);\n\nexport default MediaCard;\n"]}

package/build/cjs/sub-blocks/MediaCard/schema.js CHANGED Viewed

@@ -7,16 +7,25 @@ exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.CardBase,
+            ...common_1.MediaProps,
+            ...common_1.AnimatableProps,
+            analyticsEvents: {
                 oneOf: [
-                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        ...event_1.AnalyticsEventSchema,
+                        optionName: 'single',
+                    },
                     {
                         type: 'array',
                         items: event_1.AnalyticsEventSchema,
                         optionName: 'list',
                     },
                 ],
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/MediaCard/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAgG;AAChG,4DAAmE;AAEtD,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,~~4EACH~~,kBAAS,~~GACT~~,iBAAQ,~~GACR~~,mBAAU,~~GACV~~,wBAAe,~~KAClB,~~eAAe,EAAE;gBACb,KAAK,EAAE;~~oDAEI~~,4BAAoB,~~KACvB,~~UAAU,EAAE,QAAQ;~~oBAExB~~;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ~~,GACJ~~;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, CardBase, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\n\nexport const MediaCardBlock = {\n 'media-card': {\n additionalProperties: false,\n required: [],\n properties: {\n ...BaseProps,\n ...CardBase,\n ...MediaProps,\n ...AnimatableProps,\n analyticsEvents: {\n oneOf: [\n {\n ...AnalyticsEventSchema,\n optionName: 'single',\n },\n {\n type: 'array',\n items: AnalyticsEventSchema,\n optionName: 'list',\n },\n ],\n },\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAgG;AAChG,4DAAmE;AAEtD,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,mBAAU;YACb,GAAG,wBAAe;YAClB,eAAe,EAAE;gBACb,KAAK,EAAE;oBACH;wBACI,GAAG,4BAAoB;wBACvB,UAAU,EAAE,QAAQ;qBACvB;oBACD;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, CardBase, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\n\nexport const MediaCardBlock = {\n 'media-card': {\n additionalProperties: false,\n required: [],\n properties: {\n ...BaseProps,\n ...CardBase,\n ...MediaProps,\n ...AnimatableProps,\n analyticsEvents: {\n oneOf: [\n {\n ...AnalyticsEventSchema,\n optionName: 'single',\n },\n {\n type: 'array',\n items: AnalyticsEventSchema,\n optionName: 'list',\n },\n ],\n },\n },\n },\n};\n"]}

package/build/cjs/sub-blocks/PriceCard/PriceCard.js CHANGED Viewed

@@ -7,7 +7,7 @@ const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
                                             icon: icons_1.Check,
                                             text: item,
                                         })), size: "s" }) })) : null] }), (0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), (0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));

package/build/cjs/sub-blocks/PriceCard/PriceCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAAoG;AAEpG,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,~~CAAA,~~IAAI,~~aAAJ~~,~~IAAI,uBAAJ,IAAI,CAAE,~~MAAM,~~EAAC~~,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,aAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n const {\n border,\n title,\n price,\n pricePeriod,\n priceDetails,\n theme,\n description,\n list,\n buttons,\n links,\n backgroundColor,\n } = props;\n return (\n <CardBase className={b({theme})} border={border}>\n <CardBase.Content key=\"content\">\n <BackgroundImage className={b('background')} style={{backgroundColor}} />\n <div className={b('content', {theme})}>\n <div className={b('info')}>\n <YFMWrapper\n content={title}\n contentClassName={b('title')}\n onlyContent\n modifiers={{constructor: true}}\n />\n <div className={b('price')}>\n <div>\n <span className={b('price-value')}>{price}</span>\n {pricePeriod && (\n <span className={b('price-period')}>/ {pricePeriod}</span>\n )}\n </div>\n {priceDetails && (\n <div className={b('price-details')}>{priceDetails}</div>\n )}\n </div>\n {description && <div className={b('description')}>{description}</div>}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList\n list={list.map((item) => ({\n icon: Check,\n text: item,\n }))}\n size=\"s\"\n />\n </div>\n ) : null}\n </div>\n <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n <Links className={b('links')} links={links} size=\"s\" />\n </div>\n </CardBase.Content>\n </CardBase>\n );\n};\n\nexport default PriceCard;\n"]}
1	+ {"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAAoG;AAEpG,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,aAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n const {\n border,\n title,\n price,\n pricePeriod,\n priceDetails,\n theme,\n description,\n list,\n buttons,\n links,\n backgroundColor,\n } = props;\n return (\n <CardBase className={b({theme})} border={border}>\n <CardBase.Content key=\"content\">\n <BackgroundImage className={b('background')} style={{backgroundColor}} />\n <div className={b('content', {theme})}>\n <div className={b('info')}>\n <YFMWrapper\n content={title}\n contentClassName={b('title')}\n onlyContent\n modifiers={{constructor: true}}\n />\n <div className={b('price')}>\n <div>\n <span className={b('price-value')}>{price}</span>\n {pricePeriod && (\n <span className={b('price-period')}>/ {pricePeriod}</span>\n )}\n </div>\n {priceDetails && (\n <div className={b('price-details')}>{priceDetails}</div>\n )}\n </div>\n {description && <div className={b('description')}>{description}</div>}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList\n list={list.map((item) => ({\n icon: Check,\n text: item,\n }))}\n size=\"s\"\n />\n </div>\n ) : null}\n </div>\n <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n <Links className={b('links')} links={links} size=\"s\" />\n </div>\n </CardBase.Content>\n </CardBase>\n );\n};\n\nexport default PriceCard;\n"]}