@pushwoosh/smart-components-kit 1.0.73 → 1.0.74

package/DocsButton/DocsButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DocsButtonProps } from './types';
+export declare function DocsButton(props: DocsButtonProps): React.JSX.Element | null;

package/DocsButton/DocsButton.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Button, DrawerDocs, useDocs } from '@pushwoosh/dumb-components';
+import { DocsIcon } from '@pushwoosh/kit-icons';
+import { useSPAContext } from '@pushwoosh/spa-context';
+const PUSHWOOSH_DOCS_BASE = 'https://docs.pushwoosh.com';
+const WAVESEND_DOCS_BASE = 'https://docs.wavesend.ru';
+export function DocsButton(props) {
+  const {
+    pathname,
+    children,
+    color = 'secondary',
+    view = 'ghost',
+    size
+  } = props;
+  const {
+    environment
+  } = useSPAContext();
+  const {
+    docsOpen,
+    openDocsDrawer,
+    closeDocsDrawer
+  } = useDocs();
+  if (environment.isOMO) {
+    return null;
+  }
+  const base = environment.isWavesend ? WAVESEND_DOCS_BASE : PUSHWOOSH_DOCS_BASE;
+  const normalizedPath = pathname.startsWith('/') ? pathname : `/${pathname}`;
+  const url = `${base}${normalizedPath}`;
+  return React.createElement(React.Fragment, null, React.createElement(Button, {
+    "aria-label": "Documentation",
+    color: color,
+    view: view,
+    size: size,
+    icon: React.createElement(DocsIcon, {
+      size: "medium",
+      view: "lined"
+    }),
+    onClick: openDocsDrawer
+  }, children), React.createElement(DrawerDocs, {
+    url: url,
+    isOpen: docsOpen,
+    onClose: closeDocsDrawer
+  }));
+}

package/DocsButton/index.d.ts

@@ -0,0 +1,2 @@
+export { DocsButton } from './DocsButton';
+export type { DocsButtonProps } from './types';

package/DocsButton/index.js

@@ -0,0 +1 @@
+export { DocsButton } from './DocsButton';

package/DocsButton/types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface DocsButtonProps {
+    pathname: string;
+    children?: ReactNode;
+    color?: 'primary' | 'secondary' | 'danger';
+    size?: 'field' | 'compact';
+    view?: 'shape' | 'ghost';
+}

package/DocsButton/types.js

@@ -0,0 +1 @@
+export {};

package/index.d.ts

@@ -1,5 +1,6 @@
 export * from './hooks';
 export * from './CampaignsConfigurationDrawer';
+export * from './DocsButton';
 export * from './DynamicContentPicker';
 export * from './DynamicContentPickerForm';
 export * from './EmailTemplatePreview';

package/index.js

@@ -1,5 +1,6 @@
 export * from './hooks';
 export * from './CampaignsConfigurationDrawer';
+export * from './DocsButton';
 export * from './DynamicContentPicker';
 export * from './DynamicContentPickerForm';
 export * from './EmailTemplatePreview';

package/package.json

@@ -48,5 +48,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.73"
+  "version": "1.0.74"
 }