@sendoutcards/quantum-design-ui 1.7.42 → 1.7.43

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)',
@@ -21732,7 +21735,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,
@@ -21780,7 +21782,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",
@@ -21842,7 +21845,7 @@ var UpsaleDialog = function (_a) {
       return setShouldShowCheckoutView(value);
     },
     activeSelectedOption: activeSelectedOption[0]
-  }, children), jsx(Flex, {
+  }, children), !shouldShowCheckoutView && jsx(Flex, {
     justifyContent: "center",
     position: isMobile ? 'fixed' : 'relative',
     bottom: isMobile ? '0' : 'unset',
@@ -21851,16 +21854,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 () {
+    title: 'Continue to Checkout',
+    disabled: !selectedOption.length,
+    onClick: function () {
       return setShouldShowCheckoutView(true);
     }
   }))), !isMobile && jsx(Div, {
@@ -21871,7 +21872,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 +21885,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 +21919,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 +21947,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 +22652,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 +23098,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 +23115,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 +23128,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 +23159,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 +23178,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/upsaleDialog/upsaleDialog.d.ts

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-import { ButtonType } from "../../exports/molecules";
 import { UpsaleOptionsType } from './upsaleOptions';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
 export declare type UpsaleDialogProps = {
@@ -7,12 +6,6 @@ export declare type UpsaleDialogProps = {
     description: string;
     checkoutTitle: string;
     checkoutDescription: string;
-    submitAction: {
-        title: string;
-        isDisabled: boolean;
-        onClick: () => void;
-        type?: ButtonType;
-    };
     upsaleContent: React.ReactNode;
     optionFormLocation?: 'right' | 'left';
     isOpen: boolean;

package/package.json

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