@sellout/ui 0.0.345 → 0.0.347

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.
Files changed (4) hide show
  1. package/build/components/Product.d.ts +17 -1
  2. package/build/components/Product.js +54 -8
  3. package/build/components/Product.js.map +1 -1
  4. package/package.json +3 -3
package/build/components/Product.d.ts CHANGED
@@ -4,6 +4,18 @@ export declare enum TicketsEnum {
4
4
  Tickets = "Tickets",
5
5
  AddOns = "AddOns"
6
6
  }
7
+ export declare enum FeeAppliedToEnum {
8
+ Order = "Order",
9
+ Ticket = "Ticket",
10
+ Upgrade = "Upgrade",
11
+ AddOns = "Add-Ons"
12
+ }
13
+ export declare enum AdvanceOptionsEnum {
14
+ ShowLess = "Show Less",
15
+ ShowMore = "Show More",
16
+ HideFees = "Hide Fees",
17
+ ShowFees = "Show Fees"
18
+ }
7
19
  export declare type ProductProps = {
8
20
  title: string;
9
21
  isTicketScreen: string;
@@ -16,5 +28,9 @@ export declare type ProductProps = {
16
28
  isMultiDaysEvent?: boolean;
17
29
  timeZone?: string;
18
30
  remainingQty?: number;
31
+ isTicketType?: boolean;
32
+ isFees?: any;
33
+ isUpgradeType?: boolean;
34
+ isCheckout?: boolean;
19
35
  } & CounterProps;
20
- export default function Product({ title, price, subtitle, description, isRSVP, isTicketScreen, value, minValue, maxValue, onIncrement, onDecrement, eventDays, isMultiDaysEvent, timeZone, remainingQty, }: ProductProps): React.JSX.Element;
36
+ export default function Product({ title, price, subtitle, description, isRSVP, isTicketScreen, value, minValue, maxValue, onIncrement, onDecrement, eventDays, isMultiDaysEvent, timeZone, remainingQty, isTicketType, isFees, isUpgradeType, isCheckout }: ProductProps): React.JSX.Element;
package/build/components/Product.js CHANGED
@@ -2,6 +2,7 @@ import { __makeTemplateObject } from '../_virtual/_tslib.js';
2
2
  import React, { useState, Fragment } from 'react';
3
3
  import styled from 'styled-components';
4
4
  import * as Polished from 'polished';
5
+ import PaymentUtil from '@sellout/models/.dist/utils/PaymentUtil';
5
6
  import AnimateHeight from 'react-animate-height';
6
7
  import { Colors } from '../Colors.js';
7
8
  import Counter from './Counter.js';
@@ -13,6 +14,20 @@ var TicketsEnum;
13
14
  TicketsEnum["Tickets"] = "Tickets";
14
15
  TicketsEnum["AddOns"] = "AddOns";
15
16
  })(TicketsEnum || (TicketsEnum = {}));
17
+ var FeeAppliedToEnum;
18
+ (function (FeeAppliedToEnum) {
19
+ FeeAppliedToEnum["Order"] = "Order";
20
+ FeeAppliedToEnum["Ticket"] = "Ticket";
21
+ FeeAppliedToEnum["Upgrade"] = "Upgrade";
22
+ FeeAppliedToEnum["AddOns"] = "Add-Ons";
23
+ })(FeeAppliedToEnum || (FeeAppliedToEnum = {}));
24
+ var AdvanceOptionsEnum;
25
+ (function (AdvanceOptionsEnum) {
26
+ AdvanceOptionsEnum["ShowLess"] = "Show Less";
27
+ AdvanceOptionsEnum["ShowMore"] = "Show More";
28
+ AdvanceOptionsEnum["HideFees"] = "Hide Fees";
29
+ AdvanceOptionsEnum["ShowFees"] = "Show Fees";
30
+ })(AdvanceOptionsEnum || (AdvanceOptionsEnum = {}));
16
31
  var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"])), function (props) { return props.justify; });
17
32
  var Column = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n"])));
18
33
  var LeftWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
@@ -27,14 +42,21 @@ var Value = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateO
27
42
  var Ellipsis = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (props) { return (props.active ? 3 : null); }, function (props) { return (props.active ? "vertical" : null); });
28
43
  var ShowMore = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: 14px;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n font-family: \"Inter\";\n"], ["\n font-size: 14px;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n font-family: \"Inter\";\n"])), Colors.InteractiveBGPrimary);
29
44
  var ShowMoreInner = styled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"], ["\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"])), Polished.lighten(0.025, Colors.Orange), Polished.darken(0.025, Colors.Orange));
30
- var DateTextWrapper = styled.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n margin: 7px 0px;\n"], ["\n margin: 7px 0px;\n"])));
31
- var DateText = styled.span(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: 15px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n padding-right: 5px;\n"], ["\n font-size: 15px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n padding-right: 5px;\n"])), Colors.HeadingSecondary);
45
+ var RightWrapperCol = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n"])));
46
+ var HideShowContent = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: 12px;\n color: #fff;\n letter-spacing: 0.5px;\n margin-top: 10px;\n cursor: pointer;\n border-bottom: 1px solid #fff;\n opacity: 0.7;\n white-space: nowrap;\n"], ["\n font-size: 12px;\n color: #fff;\n letter-spacing: 0.5px;\n margin-top: 10px;\n cursor: pointer;\n border-bottom: 1px solid #fff;\n opacity: 0.7;\n white-space: nowrap;\n"])));
47
+ var FeeList = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
48
+ var FeeItem = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n color: ", ";\n font-size: 14px;\n"], ["\n display: flex;\n justify-content: space-between;\n color: ", ";\n font-size: 14px;\n"])), Colors.White);
49
+ var Label = styled.span(templateObject_19 || (templateObject_19 = __makeTemplateObject([""], [""])));
50
+ var Amount = styled.span(templateObject_20 || (templateObject_20 = __makeTemplateObject([""], [""])));
51
+ var DateTextWrapper = styled.span(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n margin: 7px 0px;\n"], ["\n margin: 7px 0px;\n"])));
52
+ var DateText = styled.span(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n font-size: 15px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n padding-right: 5px;\n"], ["\n font-size: 15px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n padding-right: 5px;\n"])), Colors.HeadingSecondary);
32
53
  function Product(_a) {
33
54
  var _b = _a.title, title = _b === void 0 ? "" : _b, _c = _a.price, price = _c === void 0 ? 0 : _c, _d = _a.subtitle, subtitle = _d === void 0 ? "" : _d, _e = _a.description, description = _e === void 0 ? "" : _e, _f = _a.isRSVP, isRSVP = _f === void 0 ? false : _f, isTicketScreen = _a.isTicketScreen,
34
55
  // Counter Props
35
- value = _a.value, minValue = _a.minValue, maxValue = _a.maxValue, onIncrement = _a.onIncrement, onDecrement = _a.onDecrement, eventDays = _a.eventDays, isMultiDaysEvent = _a.isMultiDaysEvent, timeZone = _a.timeZone, _g = _a.remainingQty, remainingQty = _g === void 0 ? 0 : _g;
56
+ value = _a.value, minValue = _a.minValue, maxValue = _a.maxValue, onIncrement = _a.onIncrement, onDecrement = _a.onDecrement, eventDays = _a.eventDays, isMultiDaysEvent = _a.isMultiDaysEvent, timeZone = _a.timeZone, _g = _a.remainingQty, remainingQty = _g === void 0 ? 0 : _g, isTicketType = _a.isTicketType, isFees = _a.isFees, isUpgradeType = _a.isUpgradeType, isCheckout = _a.isCheckout;
36
57
  var _h = useState(false), showMore = _h[0], setShowMore = _h[1];
37
58
  var _j = useState(true), showEllipsis = _j[0], setShowEllipsis = _j[1];
59
+ var _k = useState(false), showFees = _k[0], setShowFees = _k[1];
38
60
  var descModified = description;
39
61
  if (descModified.length > 210 && !showMore) {
40
62
  descModified = descModified.substring(0, 210) + "...";
@@ -43,7 +65,20 @@ function Product(_a) {
43
65
  setShowEllipsis(!showEllipsis);
44
66
  setShowMore(!showMore);
45
67
  };
46
- var ticketsAddOns = isTicketScreen === TicketsEnum.Tickets ? "Tickets" : "Add-Ons";
68
+ var toggleFees = function () {
69
+ setShowFees(!showFees);
70
+ };
71
+ var ticketsAddOns = isTicketScreen === TicketsEnum.Tickets
72
+ ? FeeAppliedToEnum.Ticket
73
+ : FeeAppliedToEnum.AddOns;
74
+ var applicableFees = isFees
75
+ ? PaymentUtil.getApplicableFees({
76
+ price: price,
77
+ fees: isFees,
78
+ isTicketType: isTicketType,
79
+ isUpgradeType: isUpgradeType,
80
+ })
81
+ : [];
47
82
  return (React.createElement(Container, null,
48
83
  React.createElement(Column, null,
49
84
  React.createElement(LeftWrapper, null,
@@ -62,9 +97,20 @@ function Product(_a) {
62
97
  React.createElement(Ellipsis, { active: showEllipsis },
63
98
  React.createElement(Description, null, description))),
64
99
  descModified.length > 115 ? (React.createElement(ShowMore, null,
65
- React.createElement(ShowMoreInner, { onClick: function () { return toggle(); } }, showMore ? "Show Less" : "Show More"))) : ("")));
100
+ React.createElement(ShowMoreInner, { onClick: function () { return toggle(); } }, showMore
101
+ ? AdvanceOptionsEnum.ShowLess
102
+ : AdvanceOptionsEnum.ShowMore))) : ("")));
66
103
  })()),
67
- isRSVP ? (PriceUtil.output(price, true) === "0.00" || 0 ? (React.createElement(Price, null, "RSVP")) : (React.createElement(Price, null, "$" + PriceUtil.output(price, true) + " (Ticket value)"))) : (React.createElement(Price, null, "$" + PriceUtil.output(price, true)))),
104
+ React.createElement(RightWrapperCol, null,
105
+ isRSVP ? (PriceUtil.output(price, true) === "0.00" || 0 ? (React.createElement(Price, null, "RSVP")) : (React.createElement(Price, null, "$" + PriceUtil.output(price, true) + " (Ticket value)"))) : (React.createElement(Price, null, "$" + PriceUtil.output(price, true))),
106
+ isCheckout && (applicableFees === null || applicableFees === void 0 ? void 0 : applicableFees.length) > 0 && (React.createElement(HideShowContent, { onClick: function () { return toggleFees(); } }, showFees
107
+ ? AdvanceOptionsEnum.HideFees
108
+ : AdvanceOptionsEnum.ShowFees)))),
109
+ isCheckout && showFees && (applicableFees === null || applicableFees === void 0 ? void 0 : applicableFees.length) > 0 && (React.createElement(FeeList, null, applicableFees === null || applicableFees === void 0 ? void 0 : applicableFees.map(function (fee, idx) { return (React.createElement(FeeItem, { key: idx },
110
+ React.createElement(Label, null, fee.label),
111
+ React.createElement(Amount, null,
112
+ "$",
113
+ fee.amount.toFixed(2)))); }))),
68
114
  React.createElement(Column, null,
69
115
  React.createElement(Value, null,
70
116
  value,
@@ -72,7 +118,7 @@ function Product(_a) {
72
118
  remainingQty > 0 ? (React.createElement(Counter, { value: value, minValue: minValue, maxValue: maxValue, onIncrement: onIncrement, onDecrement: onDecrement })) : (React.createElement(Tag, null, " Sold out"))),
73
119
  React.createElement(Row, null, subtitle && React.createElement(Subtitle, null, subtitle))));
74
120
  }
75
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
121
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
76
122
 
77
- export { TicketsEnum, Product as default };
123
+ export { AdvanceOptionsEnum, FeeAppliedToEnum, TicketsEnum, Product as default };
78
124
  //# sourceMappingURL=Product.js.map
package/build/components/Product.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Product.js","sources":["../../src/components/Product.tsx"],"sourcesContent":["import React, { Fragment, useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport AnimateHeight from \"react-animate-height\";\nimport { Colors } from \"../Colors\";\nimport Counter, { CounterProps } from \"./Counter\";\nimport * as PriceUtil from \"@sellout/utils/.dist/price\";\nimport * as Time from \"@sellout/utils/.dist/time\";\n\ntype RowProps = {\n justify?: string;\n};\nexport enum TicketsEnum {\n Tickets = \"Tickets\",\n AddOns = \"AddOns\",\n}\nconst Row = styled.div<RowProps>`\n display: flex;\n flex-direction: row;\n justify-content: ${(props) => props.justify};\n`;\n\nconst Column = styled.div`\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n`;\nconst LeftWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nconst Container = styled.div`\n background-color: ${Colors.SurfaceTertiary};\n margin: 0 24px;\n padding: 24px 0;\n border-bottom: 1px solid ${Colors.SecondaryStroke};\n display: flex;\n flex-direction: column;\n gap: 10px;\n`;\n\nconst Title = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n font-family: \"Inter\";\n line-height: 20px;\n`;\n\nconst Price = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n margin: 5px 0;\n line-height: 90%;\n`;\n\nconst Subtitle = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.White};\n font-family: \"inter\";\n`;\n\nconst Description = styled.div`\n color: ${Colors.SupportTertiary};\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n font-family: \"Inter\";\n letter-spacing: -0.08px;\n word-break: break-word;\n overflow-wrap: break-word;\n`;\n\nconst Tickets = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.SupportTertiary};\n font-family: \"inter\";\n`;\n\nconst Tag = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingPrimary};\n font-weight: 500;\n margin-bottom: 5px;\n line-height: 90%;\n`;\n\nconst Value = styled.div`\n font-size: 28px;\n min-width: 20px;\n color: ${Colors.HeadingPrimary};\n line-height: 90%;\n font-weight: 500;\n`;\n\ntype EllipsisProps = {\n active: boolean;\n};\n\nconst Ellipsis = styled.div<EllipsisProps>`\n display: -webkit-box;\n -webkit-line-clamp: ${(props) => (props.active ? 3 : null)};\n -webkit-box-orient: ${(props) => (props.active ? \"vertical\" : null)};\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nconst ShowMore = styled.div`\n font-size: 14px;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.InteractiveBGPrimary};\n transition: all 0.2s;\n font-family: \"Inter\";\n`;\n\nconst ShowMoreInner = styled.span`\n &:hover {\n cursor: pointer;\n color: ${Polished.lighten(0.025, Colors.Orange)};\n }\n\n &:active {\n color: ${Polished.darken(0.025, Colors.Orange)};\n }\n`;\nconst DateTextWrapper = styled.span`\n margin: 7px 0px;\n`;\nconst DateText = styled.span`\n font-size: 15px;\n font-weight: 500;\n color: ${Colors.HeadingSecondary};\n margin-bottom: 5px;\n padding-right: 5px;\n`;\n\nexport type ProductProps = {\n title: string;\n isTicketScreen: string;\n price: number;\n isRSVP?: boolean;\n subtitle?: string;\n description?: string;\n imageUrl?: string;\n eventDays?: string[];\n isMultiDaysEvent?: boolean;\n timeZone?: string;\n remainingQty?: number;\n} & CounterProps;\n\nexport default function Product({\n title = \"\",\n price = 0,\n subtitle = \"\",\n description = \"\",\n isRSVP = false,\n isTicketScreen,\n // Counter Props\n value,\n minValue,\n maxValue,\n onIncrement,\n onDecrement,\n eventDays,\n isMultiDaysEvent,\n timeZone,\n remainingQty = 0,\n}: ProductProps) {\n const [showMore, setShowMore] = useState(false);\n const [showEllipsis, setShowEllipsis] = useState(true);\n\n let descModified = description;\n if (descModified.length > 210 && !showMore) {\n descModified = descModified.substring(0, 210) + \"...\";\n }\n \n\n const toggle = () => {\n setShowEllipsis(!showEllipsis);\n setShowMore(!showMore);\n };\n const ticketsAddOns =\n isTicketScreen === TicketsEnum.Tickets ? \"Tickets\" : \"Add-Ons\";\n return (\n <Container>\n <Column>\n <LeftWrapper>\n <Title>{title}</Title>\n {isMultiDaysEvent && (\n <DateTextWrapper>\n {eventDays &&\n eventDays.length > 0 &&\n eventDays?.map((day: any, i) => {\n return (\n <DateText key={i}>\n {Time.format(day, \"MMM Do\", timeZone)}\n {eventDays.length !== i + 1 && \",\"}\n </DateText>\n );\n })}\n </DateTextWrapper>\n )}\n {(() => {\n if (!description) return;\n\n return (\n <Fragment>\n <AnimateHeight height=\"auto\">\n <Ellipsis active={showEllipsis}>\n <Description>{description}</Description>\n </Ellipsis>\n </AnimateHeight>\n {descModified.length > 115 ? (\n <ShowMore>\n <ShowMoreInner onClick={() => toggle()}>\n {showMore ? \"Show Less\" : \"Show More\"}\n </ShowMoreInner>\n </ShowMore>\n ) : (\n \"\"\n )}\n </Fragment>\n );\n })()}\n </LeftWrapper>\n {isRSVP ? (\n PriceUtil.output(price, true) === \"0.00\" || 0 ? (\n <Price>{\"RSVP\"}</Price>\n ) : (\n <Price>\n {`$${PriceUtil.output(price, true)}` + \" (Ticket value)\"}\n </Price>\n )\n ) : (\n <Price>{`$${PriceUtil.output(price, true)}`}</Price>\n )}\n </Column>\n <Column>\n <Value>\n {value}\n <Tickets>{ticketsAddOns}</Tickets>\n </Value>\n\n {remainingQty > 0 ? (\n <Counter\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onIncrement={onIncrement}\n onDecrement={onDecrement}\n />\n ) : (\n <Tag> Sold out</Tag>\n )}\n </Column>\n <Row>{subtitle && <Subtitle>{subtitle}</Subtitle>}</Row>\n </Container>\n );\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Product.js","sources":["../../src/components/Product.tsx"],"sourcesContent":["import React, { Fragment, useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\n// @ts-ignore\nimport PaymentUtil from \"@sellout/models/.dist/utils/PaymentUtil\";\nimport AnimateHeight from \"react-animate-height\";\nimport { Colors } from \"../Colors\";\nimport Counter, { CounterProps } from \"./Counter\";\nimport * as PriceUtil from \"@sellout/utils/.dist/price\";\nimport * as Time from \"@sellout/utils/.dist/time\";\n\ntype RowProps = {\n justify?: string;\n};\nexport enum TicketsEnum {\n Tickets = \"Tickets\",\n AddOns = \"AddOns\",\n}\nexport enum FeeAppliedToEnum {\n Order = \"Order\",\n Ticket = \"Ticket\",\n Upgrade = \"Upgrade\",\n AddOns = \"Add-Ons\",\n}\nexport enum AdvanceOptionsEnum {\n ShowLess = \"Show Less\",\n ShowMore = \"Show More\",\n HideFees = \"Hide Fees\",\n ShowFees = \"Show Fees\",\n}\n\nconst Row = styled.div<RowProps>`\n display: flex;\n flex-direction: row;\n justify-content: ${(props) => props.justify};\n`;\n\nconst Column = styled.div`\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n`;\nconst LeftWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nconst Container = styled.div`\n background-color: ${Colors.SurfaceTertiary};\n margin: 0 24px;\n padding: 24px 0;\n border-bottom: 1px solid ${Colors.SecondaryStroke};\n display: flex;\n flex-direction: column;\n gap: 10px;\n`;\n\nconst Title = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n font-family: \"Inter\";\n line-height: 20px;\n`;\n\nconst Price = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n margin: 5px 0;\n line-height: 90%;\n`;\n\nconst Subtitle = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.White};\n font-family: \"inter\";\n`;\n\nconst Description = styled.div`\n color: ${Colors.SupportTertiary};\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n font-family: \"Inter\";\n letter-spacing: -0.08px;\n word-break: break-word;\n overflow-wrap: break-word;\n`;\n\nconst Tickets = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.SupportTertiary};\n font-family: \"inter\";\n`;\n\nconst Tag = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingPrimary};\n font-weight: 500;\n margin-bottom: 5px;\n line-height: 90%;\n`;\n\nconst Value = styled.div`\n font-size: 28px;\n min-width: 20px;\n color: ${Colors.HeadingPrimary};\n line-height: 90%;\n font-weight: 500;\n`;\n\ntype EllipsisProps = {\n active: boolean;\n};\n\nconst Ellipsis = styled.div<EllipsisProps>`\n display: -webkit-box;\n -webkit-line-clamp: ${(props) => (props.active ? 3 : null)};\n -webkit-box-orient: ${(props) => (props.active ? \"vertical\" : null)};\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nconst ShowMore = styled.div`\n font-size: 14px;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.InteractiveBGPrimary};\n transition: all 0.2s;\n font-family: \"Inter\";\n`;\n\nconst ShowMoreInner = styled.span`\n &:hover {\n cursor: pointer;\n color: ${Polished.lighten(0.025, Colors.Orange)};\n }\n\n &:active {\n color: ${Polished.darken(0.025, Colors.Orange)};\n }\n`;\nconst RightWrapperCol = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n`;\nconst HideShowContent = styled.div`\n font-size: 12px;\n color: #fff;\n letter-spacing: 0.5px;\n margin-top: 10px;\n cursor: pointer;\n border-bottom: 1px solid #fff;\n opacity: 0.7;\n white-space: nowrap;\n`;\nconst FeeList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 4px;\n`;\n\nconst FeeItem = styled.div`\n display: flex;\n justify-content: space-between;\n color: ${Colors.White};\n font-size: 14px;\n`;\nconst Label = styled.span``;\nconst Amount = styled.span``;\nconst DateTextWrapper = styled.span`\n margin: 7px 0px;\n`;\nconst DateText = styled.span`\n font-size: 15px;\n font-weight: 500;\n color: ${Colors.HeadingSecondary};\n margin-bottom: 5px;\n padding-right: 5px;\n`;\n\nexport type ProductProps = {\n title: string;\n isTicketScreen: string;\n price: number;\n isRSVP?: boolean;\n subtitle?: string;\n description?: string;\n imageUrl?: string;\n eventDays?: string[];\n isMultiDaysEvent?: boolean;\n timeZone?: string;\n remainingQty?: number;\n isTicketType?: boolean;\n isFees?: any;\n isUpgradeType?: boolean;\n isCheckout?:boolean;\n} & CounterProps;\n\nexport default function Product({\n title = \"\",\n price = 0,\n subtitle = \"\",\n description = \"\",\n isRSVP = false,\n isTicketScreen,\n // Counter Props\n value,\n minValue,\n maxValue,\n onIncrement,\n onDecrement,\n eventDays,\n isMultiDaysEvent,\n timeZone,\n remainingQty = 0,\n isTicketType,\n isFees,\n isUpgradeType,\n isCheckout\n}: ProductProps) {\n const [showMore, setShowMore] = useState(false);\n const [showEllipsis, setShowEllipsis] = useState(true);\n const [showFees, setShowFees] = useState(false);\n\n let descModified = description;\n if (descModified.length > 210 && !showMore) {\n descModified = descModified.substring(0, 210) + \"...\";\n }\n\n const toggle = () => {\n setShowEllipsis(!showEllipsis);\n setShowMore(!showMore);\n };\n const toggleFees = () => {\n setShowFees(!showFees);\n };\n\n const ticketsAddOns =\n isTicketScreen === TicketsEnum.Tickets\n ? FeeAppliedToEnum.Ticket\n : FeeAppliedToEnum.AddOns;\n\n const applicableFees = isFees\n ? PaymentUtil.getApplicableFees({\n price,\n fees: isFees,\n isTicketType,\n isUpgradeType,\n })\n : [];\n return (\n <Container>\n <Column>\n <LeftWrapper>\n <Title>{title}</Title>\n {isMultiDaysEvent && (\n <DateTextWrapper>\n {eventDays &&\n eventDays.length > 0 &&\n eventDays?.map((day: any, i) => {\n return (\n <DateText key={i}>\n {Time.format(day, \"MMM Do\", timeZone)}\n {eventDays.length !== i + 1 && \",\"}\n </DateText>\n );\n })}\n </DateTextWrapper>\n )}\n {(() => {\n if (!description) return;\n\n return (\n <Fragment>\n <AnimateHeight height=\"auto\">\n <Ellipsis active={showEllipsis}>\n <Description>{description}</Description>\n </Ellipsis>\n </AnimateHeight>\n {descModified.length > 115 ? (\n <ShowMore>\n <ShowMoreInner onClick={() => toggle()}>\n {showMore\n ? AdvanceOptionsEnum.ShowLess\n : AdvanceOptionsEnum.ShowMore}\n </ShowMoreInner>\n </ShowMore>\n ) : (\n \"\"\n )}\n </Fragment>\n );\n })()}\n </LeftWrapper>\n <RightWrapperCol>\n {isRSVP ? (\n PriceUtil.output(price, true) === \"0.00\" || 0 ? (\n <Price>{\"RSVP\"}</Price>\n ) : (\n <Price>\n {`$${PriceUtil.output(price, true)}` + \" (Ticket value)\"}\n </Price>\n )\n ) : (\n <Price>{`$${PriceUtil.output(price, true)}`}</Price>\n )}\n {isCheckout&&applicableFees?.length > 0 && (\n <HideShowContent onClick={() => toggleFees()}>\n {showFees\n ? AdvanceOptionsEnum.HideFees\n : AdvanceOptionsEnum.ShowFees}\n </HideShowContent>\n )}\n </RightWrapperCol>\n </Column>\n {isCheckout&&showFees && applicableFees?.length > 0 && (\n <FeeList>\n {applicableFees?.map((fee, idx) => (\n <FeeItem key={idx}>\n <Label>{fee.label}</Label>\n <Amount>${fee.amount.toFixed(2)}</Amount>\n </FeeItem>\n ))}\n </FeeList>\n )}\n <Column>\n <Value>\n {value}\n <Tickets>{ticketsAddOns}</Tickets>\n </Value>\n\n {remainingQty > 0 ? (\n <Counter\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onIncrement={onIncrement}\n onDecrement={onDecrement}\n />\n ) : (\n <Tag> Sold out</Tag>\n )}\n </Column>\n <Row>{subtitle && <Subtitle>{subtitle}</Subtitle>}</Row>\n </Container>\n );\n}\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.345",
3
+ "version": "0.0.347",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "files": [
@@ -53,7 +53,7 @@
53
53
  "@fortawesome/pro-solid-svg-icons": "^5.15.4",
54
54
  "@fortawesome/react-fontawesome": "^0.1.19",
55
55
  "@hapi/joi": "^17.1.1",
56
- "@sellout/utils": "^0.0.345",
56
+ "@sellout/utils": "^0.0.347",
57
57
  "csvtojson": "^2.0.10",
58
58
  "framer-motion": "^2.9.5",
59
59
  "polished": "^3.7.2",
@@ -62,7 +62,7 @@
62
62
  "rollup-plugin-url": "^3.0.1",
63
63
  "use-places-autocomplete": "^1.11.0"
64
64
  },
65
- "gitHead": "aac9ee42b3865e131de8f816b46f7ceeceadfba5",
65
+ "gitHead": "9a0a59e1aed983b1444a61a5bb04deebcd887a5d",
66
66
  "peerDependencies": {
67
67
  "react": "16.14.0",
68
68
  "react-dom": "16.14.0",