@bunnyapp/components 1.0.66-beta.4 → 1.0.66-beta.6

package/dist/cjs/index.js

@@ -174,7 +174,7 @@ var BrandContext = react.createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.66-beta.4';
+var PACKAGE_VERSION = '1.0.66-beta.6';
 var createRequestHeaders = function (token) {
     var headers = common.createClientDevHeaders(token);
     // Add the components version header
@@ -409,6 +409,19 @@ function useToken() {
 }
 
 var LISENSE_KEY = 'eyJkYXRhIjoiZXlKMElqb2liM0puWVc1cGVtRjBhVzl1SWl3aVlYWjFJam94TnpneU5ETXhPVGs1TENKa2JTSTZJbUoxYm01NUxtTnZiU0lzSW00aU9pSmhOV1F5TWpKaFpXTTNOelF5TkdFNUlpd2laWGh3SWpveE56WTJORFEzT1RrNUxDSmtiWFFpT2lKM2FXeGtZMkZ5WkNKOSIsInNpZ25hdHVyZSI6ImdJWW5BYWp0WW1aSHV1b1RrTkZCZnRGYjEzUTJOZXZwQXlKRmszdy9STDNUa08rRXZYWlV0MDZxenBrZWdOK1A4TXlkbFY1aityemQvM1VpYlB5SW1VSzAweHZSVk5hS29EOXB0cVpkbjR5SWRRdE1pU1NjZ0J1K1RkM0NXM2FONVNrdlNJVDEyTGpBMnVVYll2RmJ6RFpMci9hODkwa05sT0NQZURoVjMyd0w3R0NrTnV2Z1MyZlk5Mis0L25FdUdvZXBZR0RPN0Ryb3NaOGVlbnJ6b1BsQ044T204eFlMNXJxdUkvS2xLVTVYaGN0allrdzBTR0FlL0pDR1dTN1dLTDAvYmFvbS9GS1ltNU91VmlzcmlDVlc2UXgvbzBnTGE4bUtXLytMb3pNaHdFemdtU2I2S0xERzZpTEVPL0czQ2pYN2p2dTU1NEc4OUx2aW1BaE5BQT09In0=';
+// Custom zoom layout component that uses useZoomContext
+var CustomZoomLayout = function () {
+    // Consume from the controller provider
+    var _a = react$1.useZoomContext(), currentZoom = _a.currentZoom, setZoomLevel = _a.setZoomLevel;
+    var mountTimeRef = react.useRef(Date.now());
+    // Set default zoom to 100% once the document is loaded
+    react.useEffect(function () {
+        if (currentZoom < 1 && Date.now() - mountTimeRef.current < 3000) {
+            setZoomLevel(100);
+        }
+    }, [currentZoom, setZoomLevel]);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
 var DocumentTemplatePreview = function (_a) {
     var targetUrl = _a.targetUrl;
     var _b = react.useState(null), pdfUrl = _b[0], setPdfUrl = _b[1];
@@ -456,7 +469,13 @@ var DocumentTemplatePreview = function (_a) {
     if (!pdfUrl) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
     }
-    return (jsxRuntime.jsx("div", __assign({ className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0" }, { children: jsxRuntime.jsx(react$1.RPConfig, __assign({ licenseKey: LISENSE_KEY }, { children: jsxRuntime.jsx(react$1.RPProvider, __assign({ src: pdfUrl }, { children: jsxRuntime.jsx(react$1.RPDefaultLayout, __assign({ style: { height: '100%', width: '100%' } }, { children: jsxRuntime.jsx(react$1.RPPages, {}) })) })) })) })));
+    return (jsxRuntime.jsx("div", __assign({ className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0" }, { children: jsxRuntime.jsx(react$1.RPConfig, __assign({ licenseKey: LISENSE_KEY }, { children: jsxRuntime.jsxs(react$1.RPProvider, __assign({ src: pdfUrl }, { children: [jsxRuntime.jsx(CustomZoomLayout, {}), jsxRuntime.jsx(react$1.RPDefaultLayout, __assign({ style: {
+                            width: '100%',
+                            height: '100%',
+                        }, slots: {
+                            openFileTool: false,
+                            downloadTool: false,
+                        } }, { children: jsxRuntime.jsx(react$1.RPPages, {}) }))] })) })) })));
 };
 
 var MarkupContainer = defaultStyled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  span {\n    width: 100%;\n  }\n"], ["\n  span {\n    width: 100%;\n  }\n"])));

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { createContext, useEffect, useContext, useMemo, useState, useCallback, useRef } from 'react';
+import { createContext, useEffect, useContext, useMemo, useState, useRef, useCallback } from 'react';
 import { Markup } from 'interweave';
 import { ConfigProvider, Spin, Button, Tag, Typography, Dropdown, Input, Checkbox, Skeleton, Collapse, Modal, Form, Tooltip, Drawer, Card as Card$1, Image, Divider, Select, Radio, Space, Popconfirm, Table } from 'antd';
 import { DownloadOutlined, CreditCardOutlined, EllipsisOutlined, BankOutlined, SearchOutlined, CheckCircleFilled, CloseOutlined, ArrowLeftOutlined } from '@ant-design/icons';
@@ -9,7 +9,7 @@ import { QueryClient, QueryClientProvider, useQuery, useQueryClient, useMutation
 import theme from 'antd/lib/theme/index.js';
 import { RecoilRoot } from 'recoil';
 import request, { GraphQLClient } from 'graphql-request';
-import { RPConfig, RPProvider, RPDefaultLayout, RPPages } from '@pdf-viewer/react';
+import { RPConfig, RPProvider, RPDefaultLayout, RPPages, useZoomContext } from '@pdf-viewer/react';
 import { useElements, useStripe, PaymentElement, Elements } from '@stripe/react-stripe-js';
 import { loadStripe } from '@stripe/stripe-js/pure/index.js';
 import parse from 'html-react-parser';
@@ -144,7 +144,7 @@ var BrandContext = createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.66-beta.4';
+var PACKAGE_VERSION = '1.0.66-beta.6';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders(token);
     // Add the components version header
@@ -379,6 +379,19 @@ function useToken() {
 }
 
 var LISENSE_KEY = 'eyJkYXRhIjoiZXlKMElqb2liM0puWVc1cGVtRjBhVzl1SWl3aVlYWjFJam94TnpneU5ETXhPVGs1TENKa2JTSTZJbUoxYm01NUxtTnZiU0lzSW00aU9pSmhOV1F5TWpKaFpXTTNOelF5TkdFNUlpd2laWGh3SWpveE56WTJORFEzT1RrNUxDSmtiWFFpT2lKM2FXeGtZMkZ5WkNKOSIsInNpZ25hdHVyZSI6ImdJWW5BYWp0WW1aSHV1b1RrTkZCZnRGYjEzUTJOZXZwQXlKRmszdy9STDNUa08rRXZYWlV0MDZxenBrZWdOK1A4TXlkbFY1aityemQvM1VpYlB5SW1VSzAweHZSVk5hS29EOXB0cVpkbjR5SWRRdE1pU1NjZ0J1K1RkM0NXM2FONVNrdlNJVDEyTGpBMnVVYll2RmJ6RFpMci9hODkwa05sT0NQZURoVjMyd0w3R0NrTnV2Z1MyZlk5Mis0L25FdUdvZXBZR0RPN0Ryb3NaOGVlbnJ6b1BsQ044T204eFlMNXJxdUkvS2xLVTVYaGN0allrdzBTR0FlL0pDR1dTN1dLTDAvYmFvbS9GS1ltNU91VmlzcmlDVlc2UXgvbzBnTGE4bUtXLytMb3pNaHdFemdtU2I2S0xERzZpTEVPL0czQ2pYN2p2dTU1NEc4OUx2aW1BaE5BQT09In0=';
+// Custom zoom layout component that uses useZoomContext
+var CustomZoomLayout = function () {
+    // Consume from the controller provider
+    var _a = useZoomContext(), currentZoom = _a.currentZoom, setZoomLevel = _a.setZoomLevel;
+    var mountTimeRef = useRef(Date.now());
+    // Set default zoom to 100% once the document is loaded
+    useEffect(function () {
+        if (currentZoom < 1 && Date.now() - mountTimeRef.current < 3000) {
+            setZoomLevel(100);
+        }
+    }, [currentZoom, setZoomLevel]);
+    return jsx(Fragment, {});
+};
 var DocumentTemplatePreview = function (_a) {
     var targetUrl = _a.targetUrl;
     var _b = useState(null), pdfUrl = _b[0], setPdfUrl = _b[1];
@@ -426,7 +439,13 @@ var DocumentTemplatePreview = function (_a) {
     if (!pdfUrl) {
         return jsx(Fragment, {});
     }
-    return (jsx("div", __assign({ className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0" }, { children: jsx(RPConfig, __assign({ licenseKey: LISENSE_KEY }, { children: jsx(RPProvider, __assign({ src: pdfUrl }, { children: jsx(RPDefaultLayout, __assign({ style: { height: '100%', width: '100%' } }, { children: jsx(RPPages, {}) })) })) })) })));
+    return (jsx("div", __assign({ className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0" }, { children: jsx(RPConfig, __assign({ licenseKey: LISENSE_KEY }, { children: jsxs(RPProvider, __assign({ src: pdfUrl }, { children: [jsx(CustomZoomLayout, {}), jsx(RPDefaultLayout, __assign({ style: {
+                            width: '100%',
+                            height: '100%',
+                        }, slots: {
+                            openFileTool: false,
+                            downloadTool: false,
+                        } }, { children: jsx(RPPages, {}) }))] })) })) })));
 };
 
 var MarkupContainer = defaultStyled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  span {\n    width: 100%;\n  }\n"], ["\n  span {\n    width: 100%;\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.66-beta.4",
+  "version": "1.0.66-beta.6",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",