@zohodesk/dot 1.0.0-temp-187.11 → 1.0.0-temp-209

package/lib/Onboarding/css/Onboarding.module.css

@@ -0,0 +1,460 @@
+.mainContainer {
+  width: var(--zd_size360) ;
+}
+
+[dir=ltr] .mainContainerAnimation{
+  transform-origin: 100% 100%;
+  animation: scaleBounce var(--zd_transition4) cubic-bezier(0.5, 0.11, 0.15, 1.5) forwards;
+}
+
+[dir=rtl] .mainContainerAnimation{
+  transform-origin: 0% 100%;
+  animation: scaleBounce var(--zd_transition4) cubic-bezier(0.5, 0.11, 0.15, 1.5) forwards;
+}
+
+@keyframes scaleBounce {
+  0% {
+    transform: scale(0.4);
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible;
+  }
+}
+
+.header {
+  position: relative;
+  height: var(--zd_size200) ;
+  padding: var(--zd_size10) ;
+  background-color: var(--zdt_onboarding_header_bg);
+}
+
+[dir=ltr] .header {
+  border-top-left-radius: inherit;
+}
+
+[dir=rtl] .header {
+  border-top-right-radius: inherit;
+}
+
+.mediaElement {
+  width: 100% ;
+  height: 100% ;
+  object-fit: cover;
+  min-height: var(--zd_size182) ;
+  border-radius: 10px;
+  border: 1px solid var(--zdt_onboarding_header_border);
+}
+
+.image {
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* image filter layer */
+.dvLayer {
+  position: relative;
+}
+
+.innerHead{
+  width: 100% ;
+  height: 100% ;
+}
+
+
+.dvLayer::after {
+  content: "";
+  position: absolute;
+  top: calc( var(--zd_size1) * -1 ) ;
+  bottom: calc( var(--zd_size1) * -1 ) ;
+  opacity: 0.2;
+  background-color: var(--zdt_onboarding_primary_bg);
+  border-radius: 11px;
+}
+
+
+[dir=ltr] .dvLayer::after {
+  left: calc( var(--zd_size1) * -1 ) ;
+  right: calc( var(--zd_size1) * -1 ) ;
+}
+
+
+[dir=rtl] .dvLayer::after {
+  right: calc( var(--zd_size1) * -1 ) ;
+  left: calc( var(--zd_size1) * -1 ) ;
+}
+
+
+
+.playIcon {
+  width: var(--zd_size44) ;
+  height: var(--zd_size44) ;
+  z-index: 1;
+  color: var(--zdt_onboarding_play_icon_text);
+  border-radius: 50%;
+  background-color: var(--zdt_onboarding_play_icon_bg);
+  cursor: pointer;
+  border: 2px solid var(--zdt_onboarding_play_icon_border);
+}
+
+
+
+[dir=ltr] .playIcon {
+  padding-left: var(--zd_size3) ;
+}
+
+
+
+[dir=rtl] .playIcon {
+  padding-right: var(--zd_size3) ;
+}
+.playIconInner{
+    /*  Variable:Ignore  */
+  font-size: 60px;
+}
+
+/* play icon animation  */
+.playIconWrapper {
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  composes: navigate transZ from '~@zohodesk/components/lib/common/animation.module.css';
+}
+[dir=ltr] .playIconWrapper {
+  left: 0 ;
+  right: 0 ;
+}
+[dir=rtl] .playIconWrapper {
+  right: 0 ;
+  left: 0 ;
+}
+.playIconWrapper::before {
+  bottom: 0 ;
+  content: '';
+  position: absolute;
+  top: 0 ;
+  width: var(--zd_size12) ;
+  height: var(--zd_size12) ;
+  /* css:validation:ignore */
+  margin: auto ;
+  box-shadow: 0 0 0 2px var(--zdt_onboarding_collision_unread_shadow);
+  border-radius: 100px;
+}
+[dir=ltr] .playIconWrapper::before {
+  left: 0 ;
+  right: 0 ;
+  animation-duration: var(--zd_transition10);
+}
+[dir=rtl] .playIconWrapper::before {
+  right: 0 ;
+  left: 0 ;
+  animation-duration: var(--zd_transition10);
+}
+
+
+
+.content {
+  padding: var(--zd_size6) var(--zd_size30) ;
+  margin: var(--zd_size16) 0 ;
+}
+
+.heading{
+  /*  */
+}
+
+.description {
+  color: var(--zdt_onboarding_description_text); 
+  margin-top: var(--zd_size8) ;
+}
+
+.footer {
+  gap: var(--zd_size10) ;
+  padding: 0 var(--zd_size30) var(--zd_size30) ;
+  margin-top: var(--zd_size7) ;
+}
+
+.btnWrapper{
+  gap: var(--zd_size10) ;
+  width: 100% ;
+}
+
+.footerButton {
+  min-width: var(--zd_size70) ;
+  font-size: var(--zd_font_size14) ;
+  padding: var(--zd_size12) ;
+}
+
+.secondaryButttonLink {
+  letter-spacing:  0.2px;
+  text-transform: capitalize;
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  border-radius: 4px;
+  cursor: pointer;
+  text-align:center;
+}
+.secondaryButtton{
+  color: var(--zdt_onboarding_learnmore_text);
+  background-color: var(--zdt_onboarding_learnmore_bg);
+  border:1px solid var(--zdt_onboarding_learnmore_border);
+}
+
+.secondaryButtton:hover {
+  color: var(--zdt_onboarding_learnmore_hover_text);
+  border-color: var(--zdt_onboarding_learnmore_hover_border);
+}
+
+.primaryButton {
+  --button_box_shadow: var(--zd_bs_onboarding_primary_button);
+}
+
+/* close icon */
+.closeIcon{
+  z-index: 1;
+  /*  Variable:Ignore  */
+  font-size: 9px; 
+}
+
+.closeIconContainer {
+  position: absolute;
+  height: var(--zd_size32) ;
+  width: var(--zd_size32) ;
+  top: calc( var(--zd_size14) * -1 ) ;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+[dir=ltr] .closeIconContainer {
+  right: calc( var(--zd_size14) * -1 ) ;
+}
+
+[dir=rtl] .closeIconContainer {
+  left: calc( var(--zd_size14) * -1 ) ;
+}
+
+.closeIconContainer::before {
+  content: "";
+  position: absolute;
+  top: calc( var(--zd_size1) * -1 ) ;
+  bottom: calc( var(--zd_size1) * -1 ) ;
+  border-radius: inherit;
+}
+
+[dir=ltr] .closeIconContainer::before {
+  left: calc( var(--zd_size1) * -1 ) ;
+  right: calc( var(--zd_size1) * -1 ) ;
+  background:linear-gradient(0deg, var(--zdt_onboarding_primary_gradient_border), var(--zdt_onboarding_primary_gradient_border)), linear-gradient(141.66deg, var(--zdt_cta_primary_bg) -2.06%, var(--zdt_onboarding_secondary_gradient_border) 17.27%, var(--zdt_onboarding_gradient_border) 37.54%);
+}
+
+[dir=rtl] .closeIconContainer::before {
+  right: calc( var(--zd_size1) * -1 ) ;
+  left: calc( var(--zd_size1) * -1 ) ;
+  background:linear-gradient(0deg, var(--zdt_onboarding_primary_gradient_border), var(--zdt_onboarding_primary_gradient_border)), linear-gradient(-141.66deg, var(--zdt_cta_primary_bg) -2.06%, var(--zdt_onboarding_secondary_gradient_border) 17.27%, var(--zdt_onboarding_gradient_border) 37.54%);
+}
+
+.closeIconContainer::after {
+  content: "";
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  color: var(--zdt_onboarding_close_icon_text);
+  border-radius: inherit; 
+  background-color: var(--zdt_onboarding_close_icon_bg);
+  box-shadow: var(--zd_bs_onboarding_close_icon);
+}
+
+[dir=ltr] .closeIconContainer::after {
+  left: 0 ;
+  right: 0 ;
+}
+
+[dir=rtl] .closeIconContainer::after {
+  right: 0 ;
+  left: 0 ;
+}
+
+.closeIconContainer:hover::after {
+  background-color: var(--zdt_onboarding_close_icon_hover_bg);
+}
+
+/* ribbon txt */
+.newRibbon {
+  position: absolute;
+  top: var(--zd_size20) ;
+  text-transform: capitalize;
+  overflow: visible;
+  --ribbon_bg_color: var(--zdt_onboarding_ribbon_bg);
+  --ribbon_text_color:var(--zdt_onboarding_ribbon_text);
+}
+[dir=ltr] .newRibbon {
+  left: calc( var(--zd_size6) * -1 ) ;
+  --ribbon_padding:2px 10px 2px 10px 
+    /*rtl:2px 10px 2px 10px */;
+}
+[dir=rtl] .newRibbon {
+  right: calc( var(--zd_size6) * -1 ) ;
+  --ribbon_padding:2px 10px 2px 10px;
+}
+
+.newRibbon::before {
+  content: '';
+  position: absolute;
+  top: 100% ;
+  bottom: 0 ;
+  width: var(--zd_size6) ;
+  border-style: solid;
+  border-color: var(--zdt_onboarding_ribbon_secondary_border) transparent transparent;
+}
+
+[dir=ltr] .newRibbon::before {
+  left: 0 ;
+  border-width: 6px 0px 0px 6px;
+}
+
+[dir=rtl] .newRibbon::before {
+  right: 0 ;
+  border-width: 6px 6px 0px 0px;
+}
+.newRibbon::after{
+  top: 0 ;
+  bottom:0 ;
+  border-width: 12px;
+}
+[dir=ltr] .newRibbon::after{
+  right: calc( var(--zd_size12) * -1 ) ;
+  border-color: var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border)
+  /*rtl:var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border) */;
+}
+[dir=rtl] .newRibbon::after{
+  left: calc( var(--zd_size12) * -1 ) ;
+  border-color: var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border);
+}
+
+/* for gradient border */
+.mainWrapper {
+  width: 100% ;
+  position: relative;
+  border-radius: 20px;
+  box-shadow: var(--zd_bs_onboarding_gradient);
+}
+[dir=ltr] .mainWrapper {
+  background: linear-gradient(214deg, var(--zdt_onboarding_light_gradient_bg) 46.39%, var(--zdt_onboarding_gradient_bg) 95.25%);
+}
+[dir=rtl] .mainWrapper {
+  background: linear-gradient(-214deg, var(--zdt_onboarding_light_gradient_bg) 46.39%, var(--zdt_onboarding_gradient_bg) 95.25%);
+}
+
+.mainWrapper::before {
+  z-index: -1;
+}
+
+[dir=ltr] .mainWrapper::before {
+  background:linear-gradient(0deg, var(--zdt_onboarding_primary_gradient_border), var(--zdt_onboarding_primary_gradient_border)), linear-gradient(141.66deg, var(--zdt_cta_primary_bg) -2.06%, var(--zdt_onboarding_secondary_gradient_border) 17.27%, var(--zdt_onboarding_gradient_border) 37.54%);
+}
+
+[dir=rtl] .mainWrapper::before {
+  background:linear-gradient(0deg, var(--zdt_onboarding_primary_gradient_border), var(--zdt_onboarding_primary_gradient_border)), linear-gradient(-141.66deg, var(--zdt_cta_primary_bg) -2.06%, var(--zdt_onboarding_secondary_gradient_border) 17.27%, var(--zdt_onboarding_gradient_border) 37.54%);
+}
+
+.mainWrapper::before {
+  content: "";
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  margin: calc( var(--zd_size1) * -1 ) ;
+  border-radius: 20px;
+}
+
+[dir=ltr] .mainWrapper::before {
+  left: 0 ;
+  right: 0 ;
+}
+
+[dir=rtl] .mainWrapper::before {
+  right: 0 ;
+  left: 0 ;
+}
+
+/* for backgrouns graident */
+.gradientLayer {
+  overflow: hidden;
+  /* z-index: 2;  */
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  pointer-events: none;
+  border-radius: 20px;
+  border-radius: 20px;
+}
+[dir=ltr] .gradientLayer {
+  left: 0 ;
+  right: 0 ;
+}
+[dir=rtl] .gradientLayer {
+  right: 0 ;
+  left: 0 ;
+}
+
+.circleBlur {
+  width: var(--zd_size267) ;
+  height: var(--zd_size227) ;
+  opacity: 0.3;
+  filter: blur(64px);
+  position: absolute;
+  border-radius: 267px;
+  background-color: var(--zdt_onboarding_primary_bg);
+}
+
+.circleBlurOne {
+  top: calc( var(--zd_size30) * -1 ) ;
+}
+
+[dir=ltr] .circleBlurOne {
+  transform: rotate(-33.877deg);
+  left: var(--zd_size98) ;
+}
+
+[dir=rtl] .circleBlurOne {
+  transform: rotate(33.877deg);
+  right: var(--zd_size98) ;
+}
+
+.circleBlurTwo {
+  top: 0 ;
+}
+
+[dir=ltr] .circleBlurTwo {
+  transform: rotate(-33.877deg);
+  right: var(--zd_size315) ;
+}
+
+[dir=rtl] .circleBlurTwo {
+  transform: rotate(33.877deg);
+  left: var(--zd_size315) ;
+}
+
+.expandedButton  {
+  width: 100% ;
+}
+
+/* carousel */
+.carousel {
+  overflow: hidden;
+  width: 100% ;
+  position: relative;
+  border-radius: 20px 20px 0 0;
+}
+.carouselInner {
+  transition: transform var(--zd_transition3) cubic-bezier(0.5, 0.11, 0.15, 1);
+  width: 100% ;
+  transform: translate3d(var(--local_translate_movement), 0, 0)
+}
+.carouselItem {
+  width: 100% 
+}
+
+
+

package/lib/Onboarding/hooks/useOnboarding.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _useMergeState3 = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeState"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useOnboarding = function useOnboarding(props) {
+  var _useMergeState = (0, _useMergeState3["default"])({
+    videoLookupLink: '',
+    isVideoLookupOpen: false,
+    isEmbeddedLink: false,
+    videoLookupFormat: ''
+  }),
+      _useMergeState2 = _slicedToArray(_useMergeState, 2),
+      state = _useMergeState2[0],
+      setState = _useMergeState2[1];
+
+  var openVideoLookup = function openVideoLookup(videoLookupSourceLink, isEmbeddedvideoLookupSource, videoLookupSourceFormat) {
+    setState({
+      videoLookupLink: videoLookupSourceLink,
+      isVideoLookupOpen: true,
+      isEmbeddedLink: isEmbeddedvideoLookupSource,
+      videoLookupFormat: videoLookupSourceFormat
+    });
+  };
+
+  var closeVideoLookup = function closeVideoLookup() {
+    setState({
+      videoLookupLink: '',
+      isVideoLookupOpen: false
+    });
+  };
+
+  return {
+    state: state,
+    openVideoLookup: openVideoLookup,
+    closeVideoLookup: closeVideoLookup
+  };
+};
+
+var _default = useOnboarding;
+exports["default"] = _default;

package/lib/Onboarding/hooks/useOnboardingSlider.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var autoplayDelay = 50; // 5000ms divided by 100 for smoother animation
+
+var useOnboardingSlider = function useOnboardingSlider(_ref) {
+  var isAutoPlayAnimation = _ref.isAutoPlayAnimation,
+      sliderData = _ref.sliderData;
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentSlide = _useState2[0],
+      setCurrentSlide = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      autoplay = _useState4[0],
+      setAutoplay = _useState4[1];
+
+  var progressRef = (0, _react.useRef)(0);
+  var totalSlidesArrayLen = sliderData.length;
+  var handleSliderIndexChange = (0, _react.useCallback)(function (index) {
+    progressRef.current = 0;
+    setCurrentSlide(index);
+  }, []);
+  var handleSliderNext = (0, _react.useCallback)(function () {
+    progressRef.current = 0;
+    setCurrentSlide(currentSlide + 1);
+    setAutoplay(false);
+  }, [currentSlide]);
+  var handleMouseEnter = (0, _react.useCallback)(function () {
+    setAutoplay(false);
+  }, []);
+  var handleMouseLeave = (0, _react.useCallback)(function () {
+    setAutoplay(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var progressInterval;
+
+    if (autoplay && isAutoPlayAnimation && totalSlidesArrayLen > 1) {
+      progressInterval = setInterval(function () {
+        progressRef.current = progressRef.current < 100 ? progressRef.current + 1 : 0;
+
+        if (progressRef.current === 0) {
+          setCurrentSlide((currentSlide + 1) % totalSlidesArrayLen);
+        }
+      }, autoplayDelay);
+    }
+
+    return function () {
+      return clearInterval(progressInterval);
+    };
+  }, [autoplay, currentSlide, isAutoPlayAnimation]);
+  var translateMovementVal = -currentSlide * 100;
+  return {
+    sliderIndex: currentSlide,
+    isAnimationPaused: !autoplay,
+    translateMovementVal: translateMovementVal,
+    handleMouseEnter: handleMouseEnter,
+    handleMouseLeave: handleMouseLeave,
+    handleSliderIndexChange: handleSliderIndexChange,
+    handleSliderNext: handleSliderNext
+  };
+};
+
+var _default = useOnboardingSlider;
+exports["default"] = _default;

package/lib/Onboarding/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  ribbonText: "New",
+  videoLookupCloseText: "Esc",
+  isAutoPlayAnimation: true,
+  customId: "onboarding",
+  testId: 'onboarding',
+  sliderData: [],
+  hasExpandedButton: false,
+  customProps: {},
+  hasBouncAnimationOnMount: true,
+  hasCloseIcon: true,
+  hasRibbon: true
+};
+exports.defaultProps = defaultProps;

package/lib/Onboarding/props/propTypes.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = _interopRequireDefault(require("@zohodesk/layout/es/Flex/props/propTypes"));
+
+var _propTypes3 = require("@zohodesk/components/es/Ribbon/props/propTypes");
+
+var _propTypes4 = require("@zohodesk/components/es/Button/props/propTypes");
+
+var _propTypes5 = require("../../Link/props/propTypes");
+
+var _propTypes6 = require("../../VideoLookup/props/propTypes");
+
+var _propTypes7 = require("@zohodesk/components/es/Typography/props/propTypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  onClose: _propTypes["default"].func,
+  testId: _propTypes["default"].string,
+  hasRibbon: _propTypes["default"].bool,
+  customId: _propTypes["default"].string,
+  ribbonText: _propTypes["default"].string,
+  hasCloseIcon: _propTypes["default"].bool,
+  customStyle: _propTypes["default"].object,
+  hasExpandedButton: _propTypes["default"].bool,
+  isAutoPlayAnimation: _propTypes["default"].bool,
+  onPrimaryButtonClick: _propTypes["default"].func,
+  videoLookupCloseText: _propTypes["default"].string,
+  onSecondaryButtonClick: _propTypes["default"].func,
+  hasBouncAnimationOnMount: _propTypes["default"].bool,
+  sliderData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    heading: _propTypes["default"].string,
+    imageSource: _propTypes["default"].string,
+    videoSource: _propTypes["default"].shape({
+      link: _propTypes["default"].string,
+      videoFormat: _propTypes["default"].string
+    }),
+    description: _propTypes["default"].string,
+    hasPrimaryButton: _propTypes["default"].bool,
+    hasVideoPlayButton: _propTypes["default"].bool,
+    hasSecondaryButton: _propTypes["default"].bool,
+    primaryButtonText: _propTypes["default"].string,
+    videoLookupSource: _propTypes["default"].shape({
+      link: _propTypes["default"].string,
+      isEmbeddedLink: _propTypes["default"].bool,
+      videoFormat: _propTypes["default"].string
+    }),
+    tabName: _propTypes["default"].string.isRequired,
+    hasSecondaryButtonLink: _propTypes["default"].bool,
+    secondaryButttonLink: _propTypes["default"].string,
+    secondaryButttonText: _propTypes["default"].string,
+    hasEmbeddedVideoLookupSource: _propTypes["default"].bool
+  })),
+  customProps: _propTypes["default"].shape({
+    footerProps: _propTypes["default"].exact(_propTypes2["default"]),
+    ribbonProps: _propTypes["default"].exact(_propTypes3.propTypes),
+    headingProps: _propTypes["default"].exact(_propTypes7.propTypes),
+    primaryButtonProps: _propTypes["default"].exact(_propTypes4.propTypes),
+    secondaryButtonProps: _propTypes["default"].exact(_propTypes4.propTypes),
+    descriptionProps: _propTypes["default"].exact(_propTypes7.propTypes),
+    secondaryButtonLinkProps: _propTypes["default"].exact(_propTypes5.propTypes),
+    videoLookupProps: _propTypes["default"].exact(_propTypes6.propTypes)
+  })
+};
+exports.propTypes = propTypes;