@sendoutcards/quantum-design-ui 1.7.56 → 1.7.57

package/dist/index.es.js

@@ -21290,6 +21290,7 @@ var PromotionWidget = function (_a) {
       capsuleTitle = _a.capsuleTitle,
       description = _a.description,
       primaryAction = _a.primaryAction,
+      secondaryAction = _a.secondaryAction,
       _b = _a.minWidth,
       minWidth = _b === void 0 ? '320px' : _b,
       _c = _a.width,
@@ -21335,7 +21336,17 @@ var PromotionWidget = function (_a) {
     onClick: function () {
       return primaryAction.onClick();
     }
-  }, primaryAction.title), children)));
+  }, primaryAction.title), secondaryAction && jsx(Flex, {
+    alignItems: "center",
+    inset: {
+      left: 'x3'
+    }
+  }, jsx(Anchor, {
+    href: secondaryAction.href,
+    title: secondaryAction.title,
+    size: 'small',
+    color: 'primaryBody'
+  })), children)));
 };
 
 var FeatureAnnouncement = function (_a) {
@@ -22730,22 +22741,45 @@ var ComparisonItem = function (_a) {
 var UploadButton = function (_a) {
   var title = _a.title,
       onUpload = _a.onUpload,
-      _b = _a.hasUpload,
-      hasUpload = _b === void 0 ? false : _b,
       backgroundColor = _a.backgroundColor,
-      indicator = _a.indicator,
-      _c = _a.width,
-      width = _c === void 0 ? '160px' : _c,
-      _d = _a.height,
-      height = _d === void 0 ? '40px' : _d,
-      _e = _a.boxShadow,
-      boxShadow = _e === void 0 ? 'mediumLight' : _e,
-      _f = _a.borderRadius,
-      borderRadius = _f === void 0 ? 'medium' : _f;
+      _b = _a.width,
+      width = _b === void 0 ? '160px' : _b,
+      _c = _a.height,
+      height = _c === void 0 ? '40px' : _c,
+      _d = _a.boxShadow,
+      boxShadow = _d === void 0 ? 'mediumLight' : _d,
+      _e = _a.borderRadius,
+      borderRadius = _e === void 0 ? 'medium' : _e;
+  var inputRef = useRef(null);
+
+  var _f = useState(),
+      preview = _f[0],
+      setPreview = _f[1];
+
+  var handleUpload = function (event) {
+    event.preventDefault();
+
+    if (event.target.files == null) {
+      return;
+    }
+
+    var file = event.target.files[0];
+
+    if (!!onUpload) {
+      onUpload(file);
+      var reader_1 = new FileReader();
+
+      reader_1.onloadend = function () {
+        setPreview(reader_1.result);
+      };
+
+      reader_1.readAsDataURL(file);
+    } else {
+      setPreview(null);
+    }
+  };
+
   return jsx(Flex, {
-    onClick: function () {
-      return onUpload(hasUpload);
-    },
     backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : 'foreground',
     boxShadow: boxShadow,
     borderRadius: borderRadius,
@@ -22753,8 +22787,21 @@ var UploadButton = function (_a) {
     height: height,
     alignItems: "center",
     inset: "x_5",
-    cursor: "pointer"
-  }, jsx(Div, {
+    cursor: "pointer",
+    onClick: function () {
+      var _a;
+
+      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, jsx("input", {
+    type: "file",
+    accept: "image/*",
+    style: {
+      display: 'none'
+    },
+    ref: inputRef,
+    onChange: handleUpload
+  }), jsx(Div, {
     width: "35px",
     height: "35px",
     display: "flex",
@@ -22765,14 +22812,22 @@ var UploadButton = function (_a) {
     borderStyle: "solid",
     borderColor: "gray",
     borderWidth: "thin",
-    inset: !hasUpload ? 'x_5' : 'x0'
-  }, !hasUpload ? jsx(Icon, {
+    inset: !preview ? 'x_5' : 'x0'
+  }, !preview ? jsx(Icon, {
     name: "upload",
     size: "xSmall",
     primaryColor: "primaryHeadingText"
-  }) : indicator), jsx(Text, {
+  }) : jsx(Image$1, {
+    width: "35px",
+    height: "35px",
+    isActive: true,
+    image: {
+      url: preview
+    },
+    backgroundSize: "cover"
+  })), jsx(Text, {
     type: "caption",
-    content: !hasUpload ? title : 'Uploading...',
+    content: !preview ? title : 'Uploading...',
     color: "primaryHeading",
     inset: {
       left: 'x1'
@@ -23117,6 +23172,10 @@ var AffiliateUpsalePromotionWidget = function (_a) {
       title: getContent(type).buttonTitle,
       onClick: getContent(type).buttonOnclick
     },
+    secondaryAction: {
+      title: 'Learn More',
+      href: 'https://streamvirtualassistant.com/'
+    },
     capsuleTitle: "New",
     width: width,
     minWidth: minWidth,

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

@@ -1,12 +1,10 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 import { BackgroundColor, Width, Height, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
 import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
 export declare type UploadButtonProps = {
-    hasUpload: boolean;
-    onUpload: (hasUpload: boolean) => void;
+    onUpload: (upload: File | null) => void;
     title: string;
     backgroundColor?: BackgroundColor;
-    indicator: React.ReactNode;
     width?: Width;
     height?: Height;
     boxShadow?: Shadows;

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

@@ -10,6 +10,10 @@ export declare type PromotionWidgetProps = {
         onClick: () => void;
         title: string;
     };
+    secondaryAction?: {
+        href: string;
+        title: string;
+    };
     minWidth?: string;
     width?: string;
     type: ThemeMode;

package/package.json

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