@sendoutcards/quantum-design-ui 1.7.42 → 1.7.45

package/dist/index.es.js

@@ -13949,6 +13949,8 @@ var styles$v = {
 var templateObject_1$w, templateObject_2$i;
 
 var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _a;
+
   var dialog = useEntities().dialog;
   var dialogVariants = {
     open: {
@@ -13968,21 +13970,22 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       opacity: 0
     }
   };
-  var _a = props.zIndex,
-      zIndex = _a === void 0 ? 1000 : _a,
+  var _b = props.zIndex,
+      zIndex = _b === void 0 ? 1000 : _b,
       isOpen = props.isOpen,
       onClose = props.onClose,
-      _b = props.maxWidth,
-      maxWidth = _b === void 0 ? '552px' : _b,
+      _c = props.maxWidth,
+      maxWidth = _c === void 0 ? '552px' : _c,
       maxHeight = props.maxHeight,
       bgElementSelector = props.bgElementSelector,
       isFullScreen = props.isFullScreen,
       closeButtonId = props.closeButtonId,
       insetOverride = props.insetOverride,
       height = props.height,
+      width = props.width,
       children = props.children,
-      _c = props.shouldScroll,
-      shouldScroll = _c === void 0 ? false : _c;
+      _d = props.shouldScroll,
+      shouldScroll = _d === void 0 ? false : _d;
   return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
     variants: overlayVariants,
     animate: isOpen ? 'open' : 'closed',
@@ -14005,7 +14008,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : 'x0',
     maxWidth: maxWidth,
     maxHeight: maxHeight,
-    width: isFullScreen ? '100%' : undefined,
+    width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,
     height: isFullScreen ? 'calc(100vh - 16px )' : height
   }, shouldScroll ? jsx(Div, {
     height: 'calc(100vh - 32px)',
@@ -17173,12 +17176,20 @@ var Banner = function (_a) {
   var icon = _a.icon,
       message = _a.message,
       status = _a.status,
-      children = _a.children;
+      children = _a.children,
+      _b = _a.outlined,
+      outlined = _b === void 0 ? true : _b;
   return jsx(Div, {
     backgroundColor: {
       swatch: status === 'success' ? 'success' : status === 'warning' ? 'warning' : 'danger',
-      shade: 'base'
+      shade: outlined ? '_1000' : 'base'
     },
+    borderWidth: outlined ? 'default' : undefined,
+    borderStyle: outlined ? 'solid' : undefined,
+    borderColor: outlined ? {
+      swatch: status === 'success' ? 'success' : status === 'warning' ? 'warning' : 'danger',
+      shade: 'base'
+    } : undefined,
     width: "100%",
     inset: {
       vertical: 'x2',
@@ -17197,10 +17208,10 @@ var Banner = function (_a) {
   }, jsx(Icon, {
     name: icon,
     size: "small",
-    primaryColor: "inverseBodyText"
+    primaryColor: outlined ? 'primaryBodyText' : 'inverseHeadingText'
   })), message && jsx(Text, {
     content: message,
-    color: "inverseBody",
+    color: outlined ? 'primaryBody' : 'inverseHeading',
     type: {
       xSmall: 'footnote',
       small: 'caption'
@@ -21532,26 +21543,29 @@ var ConfigurationCard = function (_a) {
       stackedCardImage = _a.stackedCardImage,
       layout = _a.layout,
       _c = _a.type,
-      type = _c === void 0 ? 'addon' : _c;
+      type = _c === void 0 ? 'addon' : _c,
+      isFeatured = _a.isFeatured,
+      _d = _a.backgroundColor,
+      backgroundColor = _d === void 0 ? 'background' : _d;
 
-  var _d = useState(false),
-      isSelected = _d[0],
-      setIsSelected = _d[1];
+  var _e = useState(false),
+      isSelected = _e[0],
+      setIsSelected = _e[1];
 
   var hasNoGraphic = graphic === 'none';
   var width = useWindowSize().width;
   var responsiveLayout = width < 420 ? 'vertical' : layout;
   return jsx(Flex, {
     onClick: function () {
-      onSelect(configurationId);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(configurationId);
       setIsSelected(!isSelected);
     },
     position: "relative",
     boxShadow: "mediumDark",
-    backgroundColor: graphic === 'none' && type !== 'upsale' ? 'background' : type === 'upsale' ? isSelected ? {
+    backgroundColor: graphic === 'none' && type !== 'upsale' ? backgroundColor : type === 'upsale' ? isSelected ? {
       swatch: 'primaryBrand',
       shade: 'base'
-    } : 'foreground' : 'foreground',
+    } : backgroundColor : backgroundColor,
     cursor: "pointer",
     inset: {
       vertical: 'x4',
@@ -21572,14 +21586,14 @@ var ConfigurationCard = function (_a) {
     name: "information",
     size: "small",
     primaryColor: "secondaryBrand"
-  }) : type === 'upsale' && jsx(Capsule, {
+  }) : type === 'upsale' && isFeatured ? jsx(Capsule, {
     backgroundColor: !isSelected && type === 'upsale' ? {
       swatch: 'primaryBrand',
       shade: 'base'
     } : 'background',
     fontColor: isSelected && type === 'upsale' ? 'primaryBody' : 'inverseBody',
     title: "Popular"
-  })), jsx(Flex, {
+  }) : jsx(React.Fragment, null)), jsx(Flex, {
     justifyContent: "flex-start",
     alignItems: "center",
     width: "100%",
@@ -21595,7 +21609,7 @@ var ConfigurationCard = function (_a) {
     height: 75,
     stackCount: 5,
     backgroundImage: stackedCardImage
-  })) : !isSelected && type === 'upsale' ? jsx(Div, {
+  })) : graphic === 'none' ? jsx(React.Fragment, null) : !isSelected && type === 'upsale' ? jsx(Div, {
     width: "x3",
     height: "x3",
     borderRadius: "circle",
@@ -21620,10 +21634,7 @@ var ConfigurationCard = function (_a) {
     color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
     alignment: responsiveLayout ? 'center' : 'left',
     weight: "bold",
-    type: {
-      xSmall: 'largeBody',
-      medium: 'subtitle'
-    },
+    type: "largeBody",
     content: title
   }), jsx(Text, {
     color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
@@ -21637,20 +21648,20 @@ var ConfigurationCard = function (_a) {
     outset: responsiveLayout ? 'x0' : {
       left: 'auto'
     },
-    inset: "x1",
+    inset: "x_5",
     alignItems: "center"
   }, jsx(Text, {
     color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
-    weight: type === 'upsale' ? 'bold' : 'regular',
     lineHeight: 1,
+    weight: "semiBold",
     inset: "0",
-    type: type === 'upsale' ? 'subtitle' : 'footnote',
-    content: " $" + (typeof cost === 'number' ? "" + cost.toFixed(2) : cost) + " "
+    type: "body",
+    content: (typeof cost === 'number' ? "$" + cost.toFixed(2) : cost) + " "
   }), jsx(Text, {
     color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
     lineHeight: 1,
     inset: "0",
-    type: "footnote",
+    type: "body",
     content: itemPriceTitle,
     whiteSpace: "nowrap"
   }))));
@@ -21664,7 +21675,11 @@ var UpsaleOptions = function (_a) {
       showCheckoutView = _a.showCheckoutView,
       handleShouldShowCheckoutView = _a.handleShouldShowCheckoutView,
       children = _a.children,
-      activeSelectedOption = _a.activeSelectedOption;
+      activeSelectedOption = _a.activeSelectedOption,
+      extraLink = _a.extraLink,
+      _b = _a.defaultNumOptionsShown,
+      defaultNumOptionsShown = _b === void 0 ? selectableOptions.length : _b,
+      submitAction = _a.submitAction;
   var shouldShowCheckoutScreen = selectedOption && showCheckoutView;
   return jsx(Div, {
     height: "100%",
@@ -21710,17 +21725,34 @@ var UpsaleOptions = function (_a) {
     isSelected: true
   })), children) : jsx(VStack, {
     gap: "x2"
-  }, selectableOptions.map(function (option, index) {
+  }, selectableOptions.filter(function (_, index) {
+    return index < defaultNumOptionsShown;
+  }).map(function (option, index) {
     var _a;
 
     return jsx(RadioOptionCard, _extends({}, option, {
       key: index,
+      optionId: option.optionId,
       onSelect: function () {
         return handleSelectedOption(option.optionId);
       },
       isSelected: (_a = (activeSelectedOption && selectedOption) === option.optionId) !== null && _a !== void 0 ? _a : false
     }));
-  })))));
+  })), extraLink && jsx(Anchor, {
+    title: extraLink.title,
+    onClick: extraLink.onClick,
+    href: extraLink.href,
+    size: "small",
+    color: "primaryBody",
+    outset: "0 auto"
+  }), submitAction && jsx(Button, {
+    title: submitAction.title,
+    type: submitAction.type,
+    onClick: submitAction.onClick,
+    fullWidth: submitAction.isFullWidth,
+    disabled: submitAction.isDisabled,
+    size: "large"
+  }))));
 };
 
 var SOC_FRONT_Z_INDEX = 103;
@@ -21732,7 +21764,6 @@ var UpsaleDialog = function (_a) {
       selectableOptions = _a.selectableOptions,
       isOpen = _a.isOpen,
       setIsDialogOpen = _a.setIsDialogOpen,
-      submitAction = _a.submitAction,
       upsaleContent = _a.upsaleContent,
       children = _a.children,
       selectedOption = _a.selectedOption,
@@ -21747,7 +21778,11 @@ var UpsaleDialog = function (_a) {
   successComponent = _a.successComponent,
       upsaleContentTitle = _a.upsaleContentTitle,
       _c = _a.sponsorId,
-      sponsorId = _c === void 0 ? '9070' : _c;
+      sponsorId = _c === void 0 ? '9070' : _c,
+      extraLink = _a.extraLink,
+      defaultNumOptionsShown = _a.defaultNumOptionsShown,
+      submitAction = _a.submitAction,
+      acceptSelectedAction = _a.acceptSelectedAction;
 
   var _d = React.useState(false),
       shouldShowCheckoutView = _d[0],
@@ -21769,6 +21804,15 @@ var UpsaleDialog = function (_a) {
   };
 
   var activeSelectedOption = findOption(selectedOption);
+
+  var handleOnClick = function () {
+    if (acceptSelectedAction) {
+      acceptSelectedAction.onClick();
+    } else {
+      setShouldShowCheckoutView(true);
+    }
+  };
+
   return jsx(Dialog, {
     ref: ref,
     isOpen: isOpen,
@@ -21780,7 +21824,8 @@ var UpsaleDialog = function (_a) {
     maxWidth: maxWidth,
     maxHeight: maxHeight,
     height: isMobile ? 'unset' : '80%',
-    shouldScroll: true
+    shouldScroll: true,
+    width: "100%"
   }, successComponent ? jsx(Flex, {
     width: width + "px",
     height: height + "px",
@@ -21841,8 +21886,15 @@ var UpsaleDialog = function (_a) {
     handleShouldShowCheckoutView: function (value) {
       return setShouldShowCheckoutView(value);
     },
-    activeSelectedOption: activeSelectedOption[0]
-  }, children), jsx(Flex, {
+    activeSelectedOption: activeSelectedOption[0],
+    extraLink: {
+      title: extraLink === null || extraLink === void 0 ? void 0 : extraLink.title,
+      onClick: extraLink === null || extraLink === void 0 ? void 0 : extraLink.onClick,
+      href: extraLink === null || extraLink === void 0 ? void 0 : extraLink.href
+    },
+    defaultNumOptionsShown: defaultNumOptionsShown,
+    submitAction: submitAction
+  }, children), !shouldShowCheckoutView && jsx(Flex, {
     justifyContent: "center",
     position: isMobile ? 'fixed' : 'relative',
     bottom: isMobile ? '0' : 'unset',
@@ -21851,18 +21903,14 @@ var UpsaleDialog = function (_a) {
     width: "100%",
     backgroundColor: isMobile ? 'foreground' : undefined,
     boxShadow: isMobile ? 'mediumDark' : undefined,
-    zIndex: SOC_FRONT_Z_INDEX,
-    left: "0"
+    left: "0",
+    zIndex: isMobile ? 10 : undefined
   }, jsx(Button, {
-    type: shouldShowCheckoutView && submitAction.type ? submitAction.type : 'primary',
+    type: 'primary',
     size: "large",
-    title: shouldShowCheckoutView ? submitAction.title : 'Continue to Checkout',
-    disabled: shouldShowCheckoutView ? submitAction.isDisabled : !selectedOption.length,
-    onClick: shouldShowCheckoutView && submitAction ? function () {
-      return submitAction.onClick();
-    } : function () {
-      return setShouldShowCheckoutView(true);
-    }
+    title: acceptSelectedAction ? acceptSelectedAction.title : 'Continue to Checkout',
+    disabled: !selectedOption.length,
+    onClick: handleOnClick
   }))), !isMobile && jsx(Div, {
     width: "x3",
     order: 2
@@ -21871,7 +21919,10 @@ var UpsaleDialog = function (_a) {
     width: isMobile ? '100%' : 'calc(50% - 12px)',
     order: 1
   }, jsx(Div, {
-    width: "100%"
+    width: "100%",
+    inset: {
+      top: '1.4rem'
+    }
   }, jsx(Accordion, {
     defaultActiveKeys: [1],
     arrowLocation: "right",
@@ -21881,6 +21932,11 @@ var UpsaleDialog = function (_a) {
     sections: [{
       body: jsx(React.Fragment, null, upsaleContent),
       heading: jsx(Div, {
+        inset: isMobile ? {
+          left: '4.1rem'
+        } : {
+          left: 'x4'
+        },
         width: "100%",
         display: "flex",
         justifyContent: "space-between",
@@ -21910,7 +21966,8 @@ var UpsaleDialog = function (_a) {
       bottom: 'x4'
     },
     left: "50%",
-    transform: "translateX(-50%)"
+    transform: "translateX(-50%)",
+    zIndex: !isMobile ? SOC_FRONT_Z_INDEX : undefined
   }, jsx(Separator, {
     orientation: "horizontal",
     caption: "Want to try it first?",
@@ -21937,9 +21994,14 @@ var UpsaleDialog = function (_a) {
 var ComparisonIncludesList = function (_a) {
   var items = _a.items,
       isMinified = _a.isMinified;
-  return jsx(Card, {
+  return jsx(Div, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
     backgroundColor: "background",
-    inset: '1.5rem'
+    inset: "1.5rem"
   }, jsx(Div, {
     width: "100%"
   }, jsx(VStack, {
@@ -22637,9 +22699,9 @@ var AffiliateUpsalePromotionWidget = function (_a) {
 
   var getContent = function (type) {
     var title = type === 'customer' ? 'Love our products & services?' : type === 'freeAffiliate' ? 'Maximize your business building efforts!' : 'Build your Greener Still Business';
-    var description = type === 'customer' ? 'Are you finding yourself sharing with others? What if we told you that you could earn additional streams of income with Greener Still? It’s as easy as FREE!' : type === 'freeAffiliate' ? 'Become a Greener Still Affiliate Pro and get the GS Pro app. Sharing our products & services and prospect follow-up has never been easier.' : 'Focus on 2 + 1 = $50 every month. Commit to repeating this every month, twice a month, or every week and grow your Greener Still business!';
+    var description = type === 'customer' ? 'Are you finding yourself sharing with others? What if we told you that you could earn additional streams of income with Greener Still? It’s as easy as FREE!' : type === 'freeAffiliate' ? 'Become a Greener Still Affiliate Pro and get the GS Pro app. Sharing our products & services and prospect follow-up has never been easier.' : 'Focus on duplicating your efforts to grow your business. Commit to repeating this every month, twice a month, or every week and grow your Greener Still business!';
     var buttonTitle = type === 'customer' ? 'Unlock Your Opportunity' : type === 'freeAffiliate' ? 'Upgrade Now' : 'Comp Plan Training';
-    var url = type === 'proAffiliate' ? 'https://youtu.be/DCOsOCIvvgA' : 'https://app.sendoutcards.com/?client=greenerstill&affiliatejoin';
+    var url = type === 'proAffiliate' ? 'https://www.facebook.com/groups/sendoutcardscorporate/permalink/5098162643579731' : 'https://app.sendoutcards.com/?client=greenerstill&affiliatejoin';
     return {
       title: title,
       description: description,
@@ -23083,12 +23145,16 @@ var PaperTypeModal = function (_a) {
 };
 
 var comparisonItems37 = [{
-  title: '30 Monthly Card Sends (includes both Heartfelt and System Sends)',
-  description: '$1.75 for each additional card over 30. Postage not included on any card sends',
+  title: '30 Monthly Cards (includes both Heartfelt and System Cards)',
+  description: '$1.75 for each additional card over 30. Stamps not included on any System Card sends.',
   isIncluded: true
 }, {
   title: 'Contact Manager',
-  description: 'Keep track of birthdays, special occasions, reminders, include notes if you choose, and get a history of every card sent.',
+  description: 'Store your contact information, birthdays, special occasions, reminders, include notes, and get a history of every card sent.',
+  isIncluded: true
+}, {
+  title: '20% off gifts',
+  description: 'Each gift that you add to greeting cards gets you even more savings!',
   isIncluded: true
 }, {
   title: 'Unlimited Photo Postcards',
@@ -23096,15 +23162,11 @@ var comparisonItems37 = [{
   isIncluded: false
 }, {
   title: 'Unlimited Heartfelt Prompting cards',
-  description: 'Send unlimited 5x7 greeting cards, stamps included. Mailed for you. Immediately!',
+  description: 'Send an unlimited amount of 5x7 greeting cards, also with stamps included. We stuff, stamp, and mail them for you immediately!',
   isIncluded: false
 }, {
-  title: '20% off gifts',
-  description: '',
-  isIncluded: true
-}, {
-  title: '30% off shipping',
-  description: '',
+  title: '30% Savings on Shipping',
+  description: 'Get even more savings when you ship your greeting card with a gift. We have you covered!',
   isIncluded: false
 }];
 var comparisonItems97 = [{
@@ -23113,23 +23175,23 @@ var comparisonItems97 = [{
   isIncluded: true
 }, {
   title: 'UNLIMITED Heartfelt Prompting Cards!',
-  description: 'Send unlimited 5x7 greeting cards, stamps included. Mailed for you. Immediately!',
+  description: 'Send an unlimited amount of 5x7 greeting cards, also with stamps included. We stuff, stamp, and mail them for you immediately!',
   isIncluded: true
 }, {
   title: 'Contact Manager',
-  description: 'Keep track of birthdays, special occasions, reminders, include notes if you choose, and get a history of every card sent.',
+  description: 'Store your contact information, birthdays, special occasions, reminders, include notes, and get a history of every card sent.',
   isIncluded: true
 }, {
-  title: '30 Automated Card sends!',
-  description: 'Our Automated sending process does all the work for you, schedule, send to one or multiple people, even take advantage of our drip campaign feature!',
+  title: '30 System Cards!',
+  description: 'Schedule, send to one or multiple people, even take advantage of our drip campaign feature!',
   isIncluded: true
 }, {
-  title: '30% off gifts',
-  description: '',
+  title: '30% Discount on Gifts',
+  description: 'Each gift that you add to greeting cards gets you even more savings!',
   isIncluded: true
 }, {
-  title: '30% off shipping',
-  description: '',
+  title: '30% Savings on Shipping',
+  description: 'Get even more savings when you ship your greeting card with a gift. We have you covered!',
   isIncluded: true
 }];
 
@@ -23144,7 +23206,6 @@ var SubscriptionUpsaleDialog = function (_a) {
       setIsDialogOpen = _a.setIsDialogOpen,
       _b = _a.optionFormLocation,
       optionFormLocation = _b === void 0 ? 'right' : _b,
-      submitAction = _a.submitAction,
       children = _a.children,
       selectedOption = _a.selectedOption,
       removeSelectedOption = _a.removeSelectedOption,
@@ -23164,7 +23225,6 @@ var SubscriptionUpsaleDialog = function (_a) {
     handleSelectedOption: function (optionId) {
       return handleSelectedOption(optionId);
     },
-    submitAction: submitAction,
     removeSelectedOption: removeSelectedOption,
     upsaleContentTitle: upsaleContentTitle,
     upsaleContent: jsx(ComparisonIncludesList, {

package/dist/src/molecules/dialog/dialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+import { Height, Width } from "../../helpers/hoc-types/hocBaseUnion";
 export declare type DialogProps = {
     zIndex?: number;
     isOpen: boolean;
@@ -10,7 +11,8 @@ export declare type DialogProps = {
     isFullScreen?: boolean;
     closeButtonId?: string;
     insetOverride?: HOCSpacingKeys;
-    height?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    height?: Height;
+    width?: Width;
     shouldScroll?: boolean;
 };
 export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {

package/dist/src/organisms/banner/banner.d.ts

@@ -4,6 +4,7 @@ export declare type BannerProps = {
     icon?: IconType;
     message?: string;
     status: StatusType;
+    outlined?: boolean;
 };
 export declare type StatusType = 'success' | 'warning' | 'danger';
 export declare const Banner: FC<BannerProps>;

package/dist/src/organisms/configurationCard/configurationCard.d.ts

@@ -1,17 +1,20 @@
 import React, { FC } from 'react';
-declare type ConfigurationCardType = 'addon' | 'upsale' | 'info';
+import { HOCColorKeysWithSwatch } from "../../helpers/hoc-types/entityValueTypes";
+declare type ConfigurationCardType = 'addon' | 'info' | 'upsale';
 export declare type ConfigurationCardProps = {
     graphic?: 'blank' | 'addressed' | 'withStamp' | 'none' | React.ReactNode;
     title: string;
-    description: string;
+    description?: string;
     cost?: number | string;
-    isSelected: boolean;
-    onSelect: (configurationId: string) => void;
+    isSelected?: boolean;
+    onSelect?: (configurationId: string) => void;
     configurationId: string;
     itemPriceTitle?: string;
     stackedCardImage?: string;
     layout?: 'horizontal' | 'vertical';
     type?: ConfigurationCardType;
+    isFeatured?: boolean;
+    backgroundColor?: HOCColorKeysWithSwatch;
 };
 export declare const ConfigurationCard: FC<ConfigurationCardProps>;
 export {};

package/dist/src/organisms/upsaleDialog/upsaleDialog.d.ts

@@ -1,18 +1,20 @@
 import React, { FC } from 'react';
-import { ButtonType } from "../../exports/molecules";
-import { UpsaleOptionsType } from './upsaleOptions';
+import { UpsaleOptionsType, SubmitOptionType } from './upsaleOptions';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare type ExtraLinkType = {
+    title: string;
+    onClick?: () => void;
+    href?: string;
+};
+export declare type AcceptSelectedOptionType = {
+    title: string;
+    onClick: () => void;
+};
 export declare type UpsaleDialogProps = {
     title: string;
     description: string;
     checkoutTitle: string;
     checkoutDescription: string;
-    submitAction: {
-        title: string;
-        isDisabled: boolean;
-        onClick: () => void;
-        type?: ButtonType;
-    };
     upsaleContent: React.ReactNode;
     optionFormLocation?: 'right' | 'left';
     isOpen: boolean;
@@ -26,5 +28,9 @@ export declare type UpsaleDialogProps = {
     successComponent?: React.ReactNode;
     upsaleContentTitle?: string;
     sponsorId?: string;
+    extraLink?: ExtraLinkType;
+    defaultNumOptionsShown?: number;
+    submitAction?: SubmitOptionType;
+    acceptSelectedAction?: AcceptSelectedOptionType;
 } & UpsaleOptionsType;
 export declare const UpsaleDialog: FC<UpsaleDialogProps>;

package/dist/src/organisms/upsaleDialog/upsaleOptions.d.ts

@@ -1,4 +1,13 @@
 import React, { FC } from 'react';
+import { AnchorProps } from "../../exports/atoms";
+import { ButtonType } from "../../exports/molecules";
+export declare type SubmitOptionType = {
+    title: string;
+    type?: ButtonType;
+    onClick: (optionId?: string) => void;
+    isFullWidth?: boolean;
+    isDisabled?: boolean;
+};
 export declare type UpsaleOptionType = {
     title: string;
     subtitle?: string;
@@ -13,9 +22,12 @@ export declare type UpsaleOptionsType = {
     children: React.ReactNode;
     activeSelectedOption?: UpsaleOptionType;
 };
-declare type UpsaleOptionsProps = UpsaleOptionsType & {
+declare type UpsaleOptionsProps = {
     showCheckoutView: boolean;
+    extraLink?: AnchorProps;
+    defaultNumOptionsShown?: number;
     handleShouldShowCheckoutView: (value: boolean) => void;
-};
+    submitAction?: SubmitOptionType;
+} & UpsaleOptionsType;
 export declare const UpsaleOptions: FC<UpsaleOptionsProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.42",
+  "version": "1.7.45",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",