@atlaskit/smart-card 32.7.0 → 32.7.2

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSmartLinkActions = useSmartLinkActions;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
+var _extractInvokeDownloadAction = require("../../extractors/action/extract-invoke-download-action");
+var _extractInvokePreviewAction = require("../../extractors/action/extract-invoke-preview-action");
+var _extractInvokeViewAction = require("../../extractors/action/extract-invoke-view-action");
 var _extractDownloadActionProps = require("../../extractors/action/extractDownloadActionProps");
 var _extractPreviewActionProps = require("../../extractors/action/extractPreviewActionProps");
 var _extractViewActionProps = require("../../extractors/action/extractViewActionProps");
@@ -16,6 +22,8 @@ var _analytics = require("../analytics");
 var _helpers = require("../helpers");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 var _store = require("../store");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSmartLinkActions(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
@@ -26,6 +34,8 @@ function useSmartLinkActions(_ref) {
   }, []);
   var linkState = (0, _store.useSmartCardState)(url);
   var linkAnalytics = (0, _analytics.useSmartLinkAnalytics)(url, id);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var invokeClientAction = (0, _useInvokeClientAction.default)({
     analytics: linkAnalytics
   });
@@ -40,15 +50,24 @@ function useSmartLinkActions(_ref) {
       actionOptions: actionOptions
     };
     var actions = [];
-    var downloadActionProps = (0, _extractDownloadActionProps.extractDownloadActionProps)(opts);
+    var invokeParam = {
+      actionOptions: actionOptions,
+      appearance: appearance,
+      id: id,
+      response: linkState.details
+    };
+    var downloadActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokeDownloadAction.extractInvokeDownloadAction)(invokeParam) : (0, _extractDownloadActionProps.extractDownloadActionProps)(opts);
     if (downloadActionProps) {
       actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
     }
-    var viewActionProps = (0, _extractViewActionProps.extractViewActionProps)(opts);
+    var viewActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam) : (0, _extractViewActionProps.extractViewActionProps)(opts);
     if (viewActionProps) {
       actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
     }
-    var previewActionProps = (0, _extractPreviewActionProps.extractPreviewActionProps)(opts);
+    var previewActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokePreviewAction.extractInvokePreviewAction)(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      fireEvent: fireEvent,
+      origin: origin
+    })) : (0, _extractPreviewActionProps.extractPreviewActionProps)(opts);
     if (previewActionProps) {
       actions.push((0, _toAction.toAction)(previewActionProps, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
     }

package/dist/cjs/utils/analytics/LinkAnalyticsContext.js

@@ -5,8 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkAnalyticsContext = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _analytics = require("./analytics");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  */
@@ -19,11 +24,11 @@ var LinkAnalyticsContext = exports.LinkAnalyticsContext = function LinkAnalytics
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       source: source,
-      attributes: {
+      attributes: _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? _analytics.context : {}), {}, {
         displayCategory: displayCategory,
         display: display,
         id: id
-      }
+      })
     }
   }, children);
 };

package/dist/cjs/utils/analytics/analytics.js

@@ -17,7 +17,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.0"
+  packageVersion: "32.7.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/mocks.js

@@ -35,7 +35,10 @@ var mockByUrl = exports.mockByUrl = function mockByUrl(url) {
       access: 'granted',
       auth: [],
       definitionId: 'd1',
-      key: 'object-provider'
+      key: 'object-provider',
+      resourceType: 'object-resource',
+      subproduct: 'object-subproduct',
+      product: 'object-product'
     },
     data: {
       '@context': {

package/dist/cjs/view/BlockCard/components/Action.js

@@ -1,62 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.spinnerDelay = exports.Action = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _button = require("@atlaskit/button");
-var _ActionIcon = require("./ActionIcon");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var spinnerDelay = exports.spinnerDelay = 1000;
-var baseTextStyles = (0, _react2.css)({
-  transition: 'opacity 0.3s'
-});
-var Action = exports.Action = function Action(_ref) {
-  var promise = _ref.promise,
-    text = _ref.text,
-    _ref$buttonAppearance = _ref.buttonAppearance,
-    buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
-    id = _ref.id;
-  var _useState = (0, _react.useState)('init'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return (0, _react2.jsx)(_button.LoadingButton, {
-    spacing: "compact",
-    appearance: buttonAppearance,
-    isLoading: state === 'loading',
-    testId: "button-".concat(id),
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-      if (state !== 'loading') {
-        setState('loading');
-        promise().then(function () {
-          setState('success');
-        }).catch(function () {
-          setState('failure');
-        }).finally(function () {
-          setTimeout(function () {
-            return setState('init');
-          }, spinnerDelay);
-        });
-      }
-    }
-  }, (0, _react2.jsx)("div", {
-    css: [baseTextStyles, {
-      opacity: state !== 'init' ? 0 : 1
-    }]
-  }, text), (0, _react2.jsx)(_ActionIcon.ActionIcon, {
-    state: state
-  }));
-};
+});

package/dist/cjs/view/BlockCard/index.js

@@ -4,249 +4,64 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AuthorizeAction", {
-  enumerable: true,
-  get: function get() {
-    return _AuthorizeAction.AuthorizeAction;
-  }
-});
 exports.BlockCard = void 0;
-Object.defineProperty(exports, "BlockCardErroredView", {
-  enumerable: true,
-  get: function get() {
-    return _ErroredView.ErroredView;
-  }
-});
-Object.defineProperty(exports, "BlockCardForbiddenView", {
-  enumerable: true,
-  get: function get() {
-    return _ForbiddenView.ForbiddenView;
-  }
-});
-Object.defineProperty(exports, "BlockCardNotFoundView", {
-  enumerable: true,
-  get: function get() {
-    return _NotFoundView.NotFoundView;
-  }
-});
-Object.defineProperty(exports, "BlockCardResolvedView", {
-  enumerable: true,
-  get: function get() {
-    return _ResolvedView.ResolvedView;
-  }
-});
-Object.defineProperty(exports, "BlockCardResolvingView", {
-  enumerable: true,
-  get: function get() {
-    return _ResolvingView.ResolvingView;
-  }
-});
-Object.defineProperty(exports, "BlockCardUnauthorisedView", {
-  enumerable: true,
-  get: function get() {
-    return _UnauthorizedView.UnauthorizedView;
-  }
-});
-Object.defineProperty(exports, "ForbiddenAction", {
-  enumerable: true,
-  get: function get() {
-    return _ForbiddenAction.ForbiddenAction;
-  }
-});
-Object.defineProperty(exports, "PreviewAction", {
-  enumerable: true,
-  get: function get() {
-    return _PreviewAction.default;
-  }
-});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _block = require("../../extractors/block");
-var _context = require("../../extractors/common/context");
-var _helpers = require("../../state/helpers");
-var _jsonld = require("../../utils/jsonld");
+var _react = _interopRequireDefault(require("react"));
 var _LinkView = require("../LinkView");
-var _AuthorizeAction = require("./actions/AuthorizeAction");
-var _ForbiddenAction = require("./actions/ForbiddenAction");
 var _handlers = require("./utils/handlers");
-var _ErroredView = require("./views/ErroredView");
 var _FlexibleErroredView = _interopRequireDefault(require("./views/flexible/FlexibleErroredView"));
 var _FlexibleForbiddenView = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenView"));
 var _FlexibleNotFoundView = _interopRequireDefault(require("./views/flexible/FlexibleNotFoundView"));
 var _FlexibleResolvedView = _interopRequireDefault(require("./views/flexible/FlexibleResolvedView"));
 var _FlexibleUnauthorisedView = _interopRequireDefault(require("./views/flexible/FlexibleUnauthorisedView"));
-var _ForbiddenView = require("./views/ForbiddenView");
-var _NotFoundView = require("./views/NotFoundView");
-var _ResolvedView = require("./views/ResolvedView");
-var _ResolvingView = require("./views/ResolvingView");
-var _UnauthorizedView = require("./views/UnauthorizedView");
-var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
-  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   var id = _ref.id,
     url = _ref.url,
     cardState = _ref.cardState,
     authFlow = _ref.authFlow,
     handleAuthorize = _ref.handleAuthorize,
-    handleErrorRetry = _ref.handleErrorRetry,
     handleFrameClick = _ref.handleFrameClick,
-    handleInvoke = _ref.handleInvoke,
     renderers = _ref.renderers,
     isSelected = _ref.isSelected,
     onResolve = _ref.onResolve,
     onError = _ref.onError,
     testId = _ref.testId,
-    platform = _ref.platform,
     analytics = _ref.analytics,
-    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
     actionOptions = _ref.actionOptions;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var status = cardState.status,
-    details = cardState.details;
-  var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
-  var meta = details && details.meta;
-  var extensionKey = (0, _helpers.getExtensionKey)(details);
-  var extractorOpts = {
-    analytics: analytics,
-    origin: 'smartLinkCard',
-    handleInvoke: handleInvoke,
-    extensionKey: extensionKey,
-    actionOptions: actionOptions
+  var status = cardState.status;
+  var flexibleBlockCardProps = {
+    id: id,
+    cardState: cardState,
+    url: url,
+    testId: testId,
+    onClick: function onClick(event) {
+      return (0, _handlers.handleClickCommon)(event, handleFrameClick);
+    },
+    onError: onError,
+    onResolve: onResolve,
+    renderers: renderers,
+    actionOptions: actionOptions,
+    analytics: analytics
   };
-  if (enableFlexibleBlockCard) {
-    var flexibleBlockCardProps = {
-      id: id,
-      cardState: cardState,
-      url: url,
-      testId: testId,
-      onClick: function onClick(event) {
-        return (0, _handlers.handleClickCommon)(event, handleFrameClick);
-      },
-      onError: onError,
-      onResolve: onResolve,
-      renderers: renderers,
-      actionOptions: actionOptions,
-      analytics: analytics
-    };
-    switch (status) {
-      case 'pending':
-      case 'resolving':
-        return (0, _react.jsx)(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
-          testId: 'smart-block-resolving-view'
-        }));
-      case 'resolved':
-        return (0, _react.jsx)(_FlexibleResolvedView.default, flexibleBlockCardProps);
-      case 'unauthorized':
-        return (0, _react.jsx)(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'forbidden':
-        return (0, _react.jsx)(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'not_found':
-        return (0, _react.jsx)(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'fallback':
-      case 'errored':
-      default:
-        if (onError) {
-          onError({
-            url: url,
-            status: status
-          });
-        }
-        if (authFlow && authFlow === 'disabled') {
-          return (0, _react.jsx)(_LinkView.CardLinkView, {
-            link: url,
-            isSelected: isSelected,
-            onClick: handleFrameClick,
-            testId: "".concat(testId, "-").concat(status)
-          });
-        }
-        return (0, _react.jsx)(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-    }
-  }
   switch (status) {
     case 'pending':
     case 'resolving':
-      return (0, _react.jsx)(_ResolvingView.ResolvingView, {
-        testId: testId,
-        isSelected: isSelected
-      });
-    case 'resolved':
-      var resolvedViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts, renderers, platform);
-      if (onResolve) {
-        onResolve({
-          title: resolvedViewProps.title,
-          url: url
-        });
-      }
-      return (0, _react.jsx)(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        onClick: handleFrameClick
+      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        testId: 'smart-block-resolving-view'
       }));
+    case 'resolved':
+      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, flexibleBlockCardProps);
     case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var unauthorizedViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return (0, _react.jsx)(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        actions: handleAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize)] : [],
-        actionOptions: actionOptions,
-        onClick: handleFrameClick
+      return /*#__PURE__*/_react.default.createElement(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var forbiddenViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-      var requestAccessContext = (0, _context.extractRequestAccessContextImproved)({
-        jsonLd: cardMetadata,
-        url: url,
-        product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
-        createAnalyticsEvent: createAnalyticsEvent
-      });
-      return (0, _react.jsx)(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
-        isSelected: isSelected,
-        actions: handleAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(handleAuthorize)] : [],
-        actionOptions: actionOptions,
-        onClick: handleFrameClick,
-        requestAccessContext: requestAccessContext
+      return /*#__PURE__*/_react.default.createElement(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var notFoundViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return (0, _react.jsx)(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        onClick: handleFrameClick
+      return /*#__PURE__*/_react.default.createElement(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'fallback':
     case 'errored':
@@ -258,19 +73,15 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return (0, _react.jsx)(_LinkView.CardLinkView, {
+        return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return (0, _react.jsx)(_ErroredView.ErroredView, {
-        link: url,
-        isSelected: isSelected,
-        onRetry: handleErrorRetry,
-        onClick: handleFrameClick,
-        testId: testId
-      });
+      return /*#__PURE__*/_react.default.createElement(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
+      }));
   }
 };

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -62,6 +62,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    origin: "smartLinkCard",
     actionOptions: actionOptions,
     testId: testId,
     ui: _utils.FlexibleCardUiOptions,

package/dist/cjs/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -34,6 +34,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onAuthorize: onAuthorize,
     onClick: onClick,
     onError: onError,
+    origin: "smartLinkCard",
     testId: testId,
     ui: _utils.FlexibleCardUiOptions,
     url: url

package/dist/cjs/view/CardWithUrl/component.js

@@ -208,6 +208,7 @@ function Component(_ref) {
       cardState: cardState,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
+      origin: "smartLinkCard",
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
@@ -258,17 +259,13 @@ function Component(_ref) {
         authFlow: config && config.authFlow,
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
-        handleErrorRetry: handleRetry,
-        handleInvoke: handleInvoke,
         handleFrameClick: handleClickWrapper,
         analytics: analytics,
         isSelected: isSelected,
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        actionOptions: actionOptions,
-        platform: platform,
-        enableFlexibleBlockCard: true
+        actionOptions: actionOptions
       });
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {