@atlaskit/smart-card 26.0.1 → 26.1.1

package/dist/types-ts4.0/view/InlineCard/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const IconStyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LowercaseAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LinkAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/dist/types-ts4.0/view/InlineCard/types.d.ts

@@ -0,0 +1,25 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { CardState } from '../../state/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type InlineCardProps = {
+    id: string;
+    url: string;
+    cardState: CardState;
+    handleAuthorize: (() => void) | undefined;
+    handleFrameClick: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    onResolve?: (data: {
+        url?: string;
+        title?: string;
+    }) => void;
+    onError?: OnErrorCallback;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    renderers?: CardProviderRenderers;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
+    showServerActions?: boolean;
+    analytics: AnalyticsFacade;
+};

package/dist/types-ts4.0/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+export declare const useLinkWarningModal: () => {
+    checkLinkSafety: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
+    unsafeLinkText: string | null;
+    onClose: () => void;
+    onContinue: () => void;
+    isOpen: boolean;
+    url: string | null;
+};

package/dist/types-ts4.0/view/LinkUrl/LinkWarningModal/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+interface LinkWarningModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onContinue: () => void;
+    unsafeLinkText: string | null;
+    url: string | null;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/view/LinkUrl/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LinkUrlProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & {
+    children?: React.ReactNode;
+} & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.0/view/LinkUrl/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Determines if we want to perform a link safety check. True by default.
+     */
+    checkSafety?: boolean;
+    testId?: string;
+}
+export declare type PackageDataType = {
+    packageName: '@atlaskit/smart-card';
+    packageVersion: string;
+    componentName: 'linkUrl';
+};

package/dist/types-ts4.0/view/LinkView/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FrameViewProps } from '../InlineCard/Frame';
+export interface CardLinkViewProps extends FrameViewProps {
+    placeholder?: string;
+}
+export declare class CardLinkView extends React.PureComponent<CardLinkViewProps> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/view/SmartLinkEvents/useSmartLinkEvents.d.ts

@@ -0,0 +1,2 @@
+import { SmartLinkEvents } from '../../utils/analytics/analytics';
+export declare function useSmartLinkEvents(): SmartLinkEvents;

package/dist/types-ts4.0/view/common/Byline.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface BylineProps {
+    text?: React.ReactNode;
+    testId?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Byline: ({ text, children, testId, className }: BylineProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/common/Icon.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+export interface IconProps {
+    url?: string;
+    icon?: React.ReactNode;
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+    isFlexibleUi?: boolean;
+}
+export declare const blockCardIconImageClassName = "block-card-icon-image";
+export declare const Icon: ({ url, icon, defaultIcon, testId, isFlexibleUi, }: IconProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/common/Metadata.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface MetadataProps {
+    text: string;
+    icon?: React.ReactNode;
+    iconUrl?: string;
+    tooltip?: string;
+}
+export declare const Metadata: ({ text, icon, iconUrl, tooltip }: MetadataProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/common/MetadataList.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { MetadataProps } from './Metadata';
+export interface MetadataListProps {
+    items: MetadataProps[];
+    testId?: string;
+}
+export declare const metadataListClassName = "smart-link-metadata-list";
+export declare const MetadataList: ({ items, testId }: MetadataListProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/common/UnauthorisedViewContent.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { AnalyticsFacade } from '../../state/analytics';
+declare type UnauthorisedViewContentProps = {
+    /**
+     * Is the name of the provider for the account that needs to be connected
+     * Eg. Google, Microsoft etc
+     */
+    providerName?: string;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * An analytics facade object which will be used to send analytics.
+     * @internal
+     */
+    analytics?: AnalyticsFacade;
+};
+/**
+ * This component is used in unauthorized views of a smart link.
+ * It represents the main text that provides a user with information on how to connect their account
+ */
+declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
+export default UnauthorisedViewContent;

package/dist/types-ts4.0/view/common/utils.d.ts

@@ -0,0 +1,5 @@
+import facepaint from 'facepaint';
+declare const gs: (times: number) => string;
+declare const br: (times?: number) => string;
+declare const mq: facepaint.DynamicStyleFunction;
+export { gs, br, mq };

package/dist/types-ts4.0/view/types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { CardType } from '@atlaskit/linking-common';
+import { ActionProps } from './BlockCard/components/Action';
+import { RequestAccessMessageKey } from '../messages';
+export interface WithShowControlMethodProp {
+    showControls?: () => void;
+}
+export interface ContextViewModel {
+    icon?: ReactNode;
+    text: string;
+}
+export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export interface AccessContext {
+    accessType?: AccessTypes;
+    cloudId?: string;
+    url?: string;
+    smartLinksAccessMetadataExperimentCohort?: 'experiment' | 'control' | 'not-enrolled';
+}
+export interface RequestAccessContextProps extends AccessContext {
+    action?: ActionProps;
+    callToActionMessageKey?: RequestAccessMessageKey;
+    descriptiveMessageKey?: RequestAccessMessageKey;
+}
+export declare type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+export declare type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';
+export declare type OnErrorCallback = (data: {
+    status: Extract<CardType, ErrorCardType>;
+    url: string;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.0.1",
+  "version": "26.1.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,9 +33,9 @@
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
-    "@atlaskit/link-client-extension": "^1.0.0",
+    "@atlaskit/link-client-extension": "^1.1.0",
     "@atlaskit/linking-common": "^2.8.0",
-    "@atlaskit/linking-types": "^1.4.0",
+    "@atlaskit/linking-types": "^1.5.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/media-common": "^4.1.0",

package/report.api.md

@@ -42,6 +42,7 @@ import { ReactChild } from 'react';
 import { Ref } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartCardContext } from '@atlaskit/link-provider';
+import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithContextProps } from '@atlaskit/analytics-next';
 import { WithIntlProps } from 'react-intl-next';
@@ -95,12 +96,15 @@ export type AnalyticsAction =
   | 'created'
   | 'dismissed'
   | 'dwelled'
+  | 'failed'
   | 'focused'
   | 'inserted'
   | 'renderFailed'
   | 'renderSuccess'
   | 'renderWithStatus'
   | 'resolved'
+  | 'started'
+  | 'success'
   | 'unresolved'
   | 'updated'
   | 'viewed';
@@ -116,7 +120,8 @@ export type AnalyticsActionSubject =
   | 'modal'
   | 'smartLink'
   | 'smartLinkAction'
-  | 'smartLinkIframe';
+  | 'smartLinkIframe'
+  | 'smartLinkQuickAction';
 
 // @public (undocumented)
 type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;
@@ -357,6 +362,8 @@ interface CommonEventProps {
   // (undocumented)
   definitionId?: string;
   // (undocumented)
+  destinatinoObjectType?: string;
+  // (undocumented)
   destinationProduct?: DestinationProduct | string;
   // (undocumented)
   destinationSubproduct?: DestinationSubproduct | string;
@@ -1118,6 +1125,9 @@ export const useSmartLinkAnalytics: (
       status,
     }: UiHoverCardDismissedEventProps) => void;
     learnMoreClickedEvent: () => void;
+    smartLinkLozengeActionClickedEvent: () => void;
+    smartLinkLozengeActionListItemClickedEvent: () => void;
+    smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => void;
   };
   operational: {
     invokeSucceededEvent: ({
@@ -1203,6 +1213,15 @@ export const useSmartLinkAnalytics: (
         [key: string]: any;
       },
     ) => void;
+    smartLinkQuickActionStarted: (props: {
+      smartLinkActionType: SmartLinkActionType;
+    }) => void;
+    smartLinkQuickActionSuccess: (props: {
+      smartLinkActionType: SmartLinkActionType;
+    }) => void;
+    smartLinkQuickActionFailed: (props: {
+      smartLinkActionType: SmartLinkActionType;
+    }) => void;
   };
   screen: {
     authPopupEvent: ({

package/tmp/api-report-tmp.d.ts

@@ -31,6 +31,7 @@ import { ReactChild } from 'react';
 import { Ref } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartCardContext } from '@atlaskit/link-provider';
+import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithContextProps } from '@atlaskit/analytics-next';
 import { WithIntlProps } from 'react-intl-next';
@@ -70,10 +71,10 @@ type ActionProps = {
 };
 
 // @public (undocumented)
-export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'dwelled' | 'focused' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'unresolved' | 'updated' | 'viewed';
+export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'dwelled' | 'failed' | 'focused' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'started' | 'success' | 'unresolved' | 'updated' | 'viewed';
 
 // @public (undocumented)
-export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'smartLink' | 'smartLinkAction' | 'smartLinkIframe';
+export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'smartLink' | 'smartLinkAction' | 'smartLinkIframe' | 'smartLinkQuickAction';
 
 // @public (undocumented)
 type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;
@@ -267,6 +268,8 @@ interface CommonEventProps {
     // (undocumented)
     definitionId?: string;
     // (undocumented)
+    destinatinoObjectType?: string;
+    // (undocumented)
     destinationProduct?: DestinationProduct | string;
     // (undocumented)
     destinationSubproduct?: DestinationSubproduct | string;
@@ -852,6 +855,9 @@ export const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: Analytics
         hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardViewedEventProps) => void;
         hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardDismissedEventProps) => void;
         learnMoreClickedEvent: () => void;
+        smartLinkLozengeActionClickedEvent: () => void;
+        smartLinkLozengeActionListItemClickedEvent: () => void;
+        smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => void;
     };
     operational: {
         invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: InvokeSucceededEventProps) => void;
@@ -867,6 +873,15 @@ export const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: Analytics
         linkUpdated: (props: CommonEventProps & {
             [key: string]: any;
         }) => void;
+        smartLinkQuickActionStarted: (props: {
+            smartLinkActionType: SmartLinkActionType;
+        }) => void;
+        smartLinkQuickActionSuccess: (props: {
+            smartLinkActionType: SmartLinkActionType;
+        }) => void;
+        smartLinkQuickActionFailed: (props: {
+            smartLinkActionType: SmartLinkActionType;
+        }) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => void;