@pushwoosh/smart-components-kit 1.0.73 → 1.0.75

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,45 @@
+import React from 'react';
+import { Button, DrawerDocs, useDocs } from '@pushwoosh/dumb-components';
+import { DocsIcon } from '@pushwoosh/kit-icons';
+import { useDocsButtonUrl } from './hooks';
+export function DocsButton(props) {
+  const {
+    pathname,
+    children,
+    color = 'secondary',
+    view = 'ghost',
+    size,
+    openInNewWindow = false
+  } = props;
+  const {
+    docsOpen,
+    openDocsDrawer,
+    closeDocsDrawer
+  } = useDocs();
+  const url = useDocsButtonUrl(pathname);
+  if (!url) {
+    return null;
+  }
+  const handleClick = () => {
+    if (openInNewWindow) {
+      window.open(url, '_blank', 'noopener,noreferrer');
+      return;
+    }
+    openDocsDrawer();
+  };
+  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: handleClick
+  }, children), !openInNewWindow && React.createElement(DrawerDocs, {
+    url: url,
+    isOpen: docsOpen,
+    onClose: closeDocsDrawer
+  }));
+}

package/DocsButton/hooks.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsAllowDocsButton(): boolean;
+export declare function useDocsButtonUrl(pathname: string): string;

package/DocsButton/hooks.js

@@ -0,0 +1,24 @@
+import { useSPAContext } from '@pushwoosh/spa-context';
+const PUSHWOOSH_DOCS_BASE = 'https://docs.pushwoosh.com';
+const WAVESEND_DOCS_BASE = 'https://docs.wavesend.ru';
+export function useIsAllowDocsButton() {
+  const {
+    environment
+  } = useSPAContext();
+  return !environment.isOMO;
+}
+export function useDocsButtonUrl(pathname) {
+  const {
+    environment
+  } = useSPAContext();
+  const isAllowDocsButton = useIsAllowDocsButton();
+  if (!isAllowDocsButton) {
+    return '';
+  }
+  const base = environment.isWavesend ? WAVESEND_DOCS_BASE : PUSHWOOSH_DOCS_BASE;
+  if (!pathname) {
+    return base;
+  }
+  const normalizedPath = pathname.startsWith('/') ? pathname : `/${pathname}`;
+  return `${base}${normalizedPath}`;
+}

package/DocsButton/index.d.ts

@@ -0,0 +1,3 @@
+export { DocsButton } from './DocsButton';
+export { useIsAllowDocsButton, useDocsButtonUrl } from './hooks';
+export type { DocsButtonProps } from './types';

package/DocsButton/index.js

@@ -0,0 +1,2 @@
+export { DocsButton } from './DocsButton';
+export { useIsAllowDocsButton, useDocsButtonUrl } from './hooks';

package/DocsButton/types.d.ts

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

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.75"
 }