@sendoutcards/quantum-design-ui 1.8.4 → 1.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +59 -34
- package/dist/src/molecules/logo/logo.d.ts +5 -0
- package/dist/src/organisms/staticNavigation/staticNavigation.d.ts +2 -1
- package/dist/src/portfolios/soc/upsaleDialog/upsaleDialog.d.ts +1 -0
- package/dist/src/portfolios/soc/upsaleDialog/upsaleOptions.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -17316,39 +17316,53 @@ var PromptingsIcon = function (_a) {
|
|
|
17316
17316
|
};
|
|
17317
17317
|
|
|
17318
17318
|
var Logo = function (_a) {
|
|
17319
|
+
var _b, _c;
|
|
17319
17320
|
var brand = _a.brand,
|
|
17320
17321
|
color = _a.color,
|
|
17321
|
-
|
|
17322
|
-
type =
|
|
17323
|
-
|
|
17324
|
-
width =
|
|
17322
|
+
_d = _a.type,
|
|
17323
|
+
type = _d === void 0 ? 'fullLogo' : _d,
|
|
17324
|
+
_e = _a.width,
|
|
17325
|
+
width = _e === void 0 ? '128px' : _e,
|
|
17325
17326
|
href = _a.href,
|
|
17326
|
-
onClick = _a.onClick
|
|
17327
|
-
|
|
17328
|
-
|
|
17329
|
-
|
|
17330
|
-
|
|
17331
|
-
|
|
17332
|
-
|
|
17333
|
-
|
|
17334
|
-
|
|
17335
|
-
|
|
17336
|
-
|
|
17337
|
-
|
|
17338
|
-
|
|
17339
|
-
|
|
17340
|
-
|
|
17341
|
-
|
|
17342
|
-
|
|
17343
|
-
|
|
17344
|
-
|
|
17345
|
-
|
|
17346
|
-
|
|
17347
|
-
|
|
17348
|
-
|
|
17327
|
+
onClick = _a.onClick,
|
|
17328
|
+
secondaryLogo = _a.secondaryLogo;
|
|
17329
|
+
var selectLogo = {
|
|
17330
|
+
bellaCadeaux: {
|
|
17331
|
+
fullLogo: BellaCadeauxLogo
|
|
17332
|
+
},
|
|
17333
|
+
blue42: {
|
|
17334
|
+
fullLogo: Blue42Logo
|
|
17335
|
+
},
|
|
17336
|
+
greenerStill: {
|
|
17337
|
+
fullLogo: GreenerStillLogo,
|
|
17338
|
+
icon: GreenerStillIcon
|
|
17339
|
+
},
|
|
17340
|
+
soc: {
|
|
17341
|
+
fullLogo: SOCLogo,
|
|
17342
|
+
icon: SOCIcon
|
|
17343
|
+
},
|
|
17344
|
+
promptingU: {
|
|
17345
|
+
fullLogo: PromptingULogo,
|
|
17346
|
+
icon: PromptingUIcon
|
|
17347
|
+
},
|
|
17348
|
+
streamVA: {
|
|
17349
|
+
fullLogo: StreamVALogo,
|
|
17350
|
+
icon: StreamVAIcon
|
|
17351
|
+
},
|
|
17352
|
+
promptingsAcademy: {
|
|
17353
|
+
fullLogo: PromptingsAcademyLogo,
|
|
17354
|
+
icon: PromptingsAcademyIcon
|
|
17355
|
+
},
|
|
17356
|
+
streamMarketing: {
|
|
17357
|
+
fullLogo: StreamMarketingLogo
|
|
17358
|
+
},
|
|
17359
|
+
promptings: {
|
|
17360
|
+
fullLogo: PromptingsLogo,
|
|
17361
|
+
icon: PromptingsIcon
|
|
17349
17362
|
}
|
|
17350
|
-
}
|
|
17351
|
-
var SelectedLogo = selectLogo
|
|
17363
|
+
};
|
|
17364
|
+
var SelectedLogo = ((_b = selectLogo[brand]) === null || _b === void 0 ? void 0 : _b[type]) || PromptingsLogo;
|
|
17365
|
+
var SecondaryLogo = secondaryLogo ? (_c = selectLogo[secondaryLogo.logo]) === null || _c === void 0 ? void 0 : _c[secondaryLogo.type || type] : null;
|
|
17352
17366
|
return jsx(Span, {
|
|
17353
17367
|
style: {
|
|
17354
17368
|
lineHeight: 0
|
|
@@ -17358,9 +17372,18 @@ var Logo = function (_a) {
|
|
|
17358
17372
|
}, jsx("a", {
|
|
17359
17373
|
href: href,
|
|
17360
17374
|
onClick: onClick
|
|
17375
|
+
}, jsx(Flex, {
|
|
17376
|
+
flexDirection: "row",
|
|
17377
|
+
columnGap: "x_5",
|
|
17378
|
+
alignItems: "center",
|
|
17379
|
+
style: {
|
|
17380
|
+
color: '#000'
|
|
17381
|
+
}
|
|
17361
17382
|
}, jsx(SelectedLogo, {
|
|
17362
17383
|
color: color
|
|
17363
|
-
})
|
|
17384
|
+
}), SecondaryLogo && jsx(React.Fragment, null, "|", jsx(SecondaryLogo, {
|
|
17385
|
+
color: color
|
|
17386
|
+
})))));
|
|
17364
17387
|
};
|
|
17365
17388
|
|
|
17366
17389
|
var getDifference = function (currentDate, endDate) {
|
|
@@ -21553,7 +21576,8 @@ var StaticNavigation = function (_a) {
|
|
|
21553
21576
|
href: logo.href,
|
|
21554
21577
|
onClick: logo.onClick,
|
|
21555
21578
|
color: logo.color,
|
|
21556
|
-
width: isMobile ? '130px' : '200px'
|
|
21579
|
+
width: isMobile ? '130px' : '200px',
|
|
21580
|
+
secondaryLogo: logo.secondaryLogo
|
|
21557
21581
|
}), links && !isMobile && jsx(Flex, {
|
|
21558
21582
|
height: "100%",
|
|
21559
21583
|
width: "100%",
|
|
@@ -24355,7 +24379,7 @@ var UpsaleOptions = function (_a) {
|
|
|
24355
24379
|
height: "100%",
|
|
24356
24380
|
position: "relative",
|
|
24357
24381
|
width: "100%"
|
|
24358
|
-
}, jsx(Div, null, shouldShowCheckoutScreen &&
|
|
24382
|
+
}, jsx(Div, null, shouldShowCheckoutScreen && removeSelectedOption &&
|
|
24359
24383
|
// Back Button
|
|
24360
24384
|
jsx(Div, {
|
|
24361
24385
|
outset: {
|
|
@@ -24464,8 +24488,9 @@ var UpsaleDialog = function (_a) {
|
|
|
24464
24488
|
submitAction = _a.submitAction,
|
|
24465
24489
|
acceptSelectedAction = _a.acceptSelectedAction,
|
|
24466
24490
|
shouldHideSendFreeCard = _a.shouldHideSendFreeCard,
|
|
24467
|
-
upsaleBanner = _a.upsaleBanner
|
|
24468
|
-
|
|
24491
|
+
upsaleBanner = _a.upsaleBanner,
|
|
24492
|
+
checkoutOnly = _a.checkoutOnly;
|
|
24493
|
+
var _e = React.useState(checkoutOnly !== null && checkoutOnly !== void 0 ? checkoutOnly : false),
|
|
24469
24494
|
shouldShowCheckoutView = _e[0],
|
|
24470
24495
|
setShouldShowCheckoutView = _e[1];
|
|
24471
24496
|
var _f = useResizeObserver(),
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
export declare type BrandTypes = 'soc' | 'greenerStill' | 'bellaCadeaux' | 'promptingU' | 'blue42' | 'streamVA' | 'streamMarketing' | 'soc' | 'promptingsAcademy' | 'promptings';
|
|
3
3
|
export declare type LogoColorTypes = 'white' | 'black' | 'color';
|
|
4
|
+
export declare type SecodaryLogo = {
|
|
5
|
+
logo: BrandTypes;
|
|
6
|
+
type?: 'fullLogo' | 'icon';
|
|
7
|
+
};
|
|
4
8
|
export declare type LogoProps = {
|
|
5
9
|
brand: BrandTypes;
|
|
6
10
|
color: LogoColorTypes;
|
|
@@ -8,5 +12,6 @@ export declare type LogoProps = {
|
|
|
8
12
|
width?: string;
|
|
9
13
|
href?: string;
|
|
10
14
|
onClick?: () => void;
|
|
15
|
+
secondaryLogo?: SecodaryLogo;
|
|
11
16
|
};
|
|
12
17
|
export declare const Logo: FC<LogoProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { TextColor, IconType } from "../../exports/atoms";
|
|
3
|
-
import { BrandTypes, LogoColorTypes } from "../../exports/molecules";
|
|
3
|
+
import { BrandTypes, LogoColorTypes, SecodaryLogo } from "../../exports/molecules";
|
|
4
4
|
export declare type Target = '_self' | '_blank' | '_parent' | '_top' | undefined;
|
|
5
5
|
export declare type Link = {
|
|
6
6
|
title: string;
|
|
@@ -26,6 +26,7 @@ export declare type StaticNavigationProps = {
|
|
|
26
26
|
color: LogoColorTypes;
|
|
27
27
|
href?: string;
|
|
28
28
|
onClick?: () => void;
|
|
29
|
+
secondaryLogo?: SecodaryLogo;
|
|
29
30
|
};
|
|
30
31
|
accountSection?: React.ReactNode;
|
|
31
32
|
links?: (DropdownLink | Link)[];
|
|
@@ -34,5 +34,6 @@ export declare type UpsaleDialogProps = {
|
|
|
34
34
|
acceptSelectedAction?: AcceptSelectedOptionType;
|
|
35
35
|
shouldHideSendFreeCard?: boolean;
|
|
36
36
|
upsaleBanner?: React.ReactNode;
|
|
37
|
+
checkoutOnly?: boolean;
|
|
37
38
|
} & UpsaleOptionsType;
|
|
38
39
|
export declare const UpsaleDialog: FC<UpsaleDialogProps>;
|
|
@@ -18,7 +18,7 @@ export declare type UpsaleOptionsType = {
|
|
|
18
18
|
selectableOptions: UpsaleOptionType[];
|
|
19
19
|
selectedOption: string;
|
|
20
20
|
handleSelectedOption: (optionId: string) => void;
|
|
21
|
-
removeSelectedOption
|
|
21
|
+
removeSelectedOption?: () => void;
|
|
22
22
|
children: React.ReactNode;
|
|
23
23
|
activeSelectedOption?: UpsaleOptionType;
|
|
24
24
|
};
|