@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 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
- _b = _a.type,
17322
- type = _b === void 0 ? 'fullLogo' : _b,
17323
- _c = _a.width,
17324
- width = _c === void 0 ? '128px' : _c,
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
- function selectLogo() {
17328
- switch (brand) {
17329
- case 'bellaCadeaux':
17330
- return BellaCadeauxLogo;
17331
- case 'blue42':
17332
- return Blue42Logo;
17333
- case 'greenerStill':
17334
- return type === 'fullLogo' ? GreenerStillLogo : GreenerStillIcon;
17335
- case 'soc':
17336
- return type === 'fullLogo' ? SOCLogo : SOCIcon;
17337
- case 'promptingU':
17338
- return type === 'fullLogo' ? PromptingULogo : PromptingUIcon;
17339
- case 'streamVA':
17340
- return type === 'fullLogo' ? StreamVALogo : StreamVAIcon;
17341
- case 'promptingsAcademy':
17342
- return type === 'fullLogo' ? PromptingsAcademyLogo : PromptingsAcademyIcon;
17343
- case 'streamMarketing':
17344
- return StreamMarketingLogo;
17345
- case 'promptings':
17346
- return type === 'fullLogo' ? PromptingsLogo : PromptingsIcon;
17347
- default:
17348
- return GreenerStillLogo;
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
- var _e = React.useState(false),
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: () => void;
21
+ removeSelectedOption?: () => void;
22
22
  children: React.ReactNode;
23
23
  activeSelectedOption?: UpsaleOptionType;
24
24
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.8.4",
3
+ "version": "1.8.6",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",