@redneckz/wildless-cms-uni-blocks 0.14.620 → 0.14.621

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useMobileMode } from '../../hooks/useMobileMode';
 import { noop } from '../../utils/noop';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
@@ -30,6 +31,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   const [confirmStatus, setConfirmStatus] = useState('');
   const [showRefuceContent, setShowRefuceContent] = useState(false);
   const { open, close } = useDialogManager();
+  const isMobile = useMobileMode();
   const handleClose = useCallback(() => {
     close();
     handleSubmit(confirmStatus);
@@ -46,7 +48,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   return (
     <Dialog className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg" onClose={onClose}>
       <div className="flex flex-col gap-lg items-center">
-        <div role="button" onClick={() => openDocument(CONSENT_BKI_ID, open)}>
+        <div role="button" onClick={() => openDocument(open, CONSENT_BKI_ID, isMobile)}>
           <Heading className="text-center text-balance" title={consentText.title} />
         </div>
         <Paragraph align="text-center">{consentText.description}</Paragraph>

package/src/ui-kit/DialogManager/openDocument.tsx

@@ -2,12 +2,20 @@ import { type VNode } from '../../model/VNode';
 import { getDocument } from '../Checkbox/getDocument';
 import { Dialog } from './Dialog';
 
-export const openDocument = async (id: number, open: (dialog: VNode) => void) => {
-  const document = await getDocument(id);
+export const openDocument = async (
+  open: (dialog: VNode) => void,
+  id: number,
+  convertToPng = false,
+) => {
+  const document = await getDocument(id, convertToPng);
 
   open(
     <Dialog className="my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0">
-      <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      {convertToPng ? (
+        <img src={document} />
+      ) : (
+        <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      )}
     </Dialog>,
   );
 };