@sellout/ui 0.0.353 → 0.0.355

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 (7) hide show
  1. package/build/components/FormattedInput.d.ts +2 -1
  2. package/build/components/FormattedInput.js +5 -5
  3. package/build/components/FormattedInput.js.map +1 -1
  4. package/build/components/Product.d.ts +16 -1
  5. package/build/components/Product.js +55 -9
  6. package/build/components/Product.js.map +1 -1
  7. package/package.json +3 -3
package/build/components/FormattedInput.d.ts CHANGED
@@ -29,5 +29,6 @@ export declare type InputProps = {
29
29
  validationError?: string;
30
30
  disabled?: boolean;
31
31
  inputWidth?: boolean;
32
+ inputInnerPadding?: string;
32
33
  };
33
- export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;
34
+ export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, inputInnerPadding }: InputProps): React.JSX.Element;
package/build/components/FormattedInput.js CHANGED
@@ -25,15 +25,15 @@ var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObj
25
25
  return Colors.Grey5;
26
26
  });
27
27
  var PriceContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 25px;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 25px;\n background-color: ", ";\n"])), Colors.Grey5);
28
- var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n outline: none;\n border: 0px;\n height: 38px;\n width: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: 0 16px;\n text-align: right;\n\n ", ";\n\n ", ";\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n background-color: ",
29
- ";\n color: ", ";\n outline: none;\n border: 0px;\n height: 38px;\n width: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: 0 16px;\n text-align: right;\n\n ",
28
+ var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n outline: none;\n border: 0px;\n height: 38px;\n width: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: ", ";\n text-align: right;\n\n ", ";\n\n ", ";\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n background-color: ",
29
+ ";\n color: ", ";\n outline: none;\n border: 0px;\n height: 38px;\n width: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: ", ";\n text-align: right;\n\n ",
30
30
  ";\n\n ",
31
31
  ";\n\n ::placeholder {\n color: ", ";\n }\n"])), function (props) {
32
32
  return props.disabled ? Colors.Grey6 + " !important" : null;
33
- }, function (props) { return (props.disabled ? Colors.Grey4 : Colors.Grey1); }, function (props) { return props.inputWidth ? "90px" : "60px"; }, media.mobile(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.6rem;\n "], ["\n font-size: 1.6rem;\n "]))), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.4rem;\n "], ["\n font-size: 1.4rem;\n "]))), Colors.Grey4);
33
+ }, function (props) { return (props.disabled ? Colors.Grey4 : Colors.Grey1); }, function (props) { return props.inputWidth ? "90px" : "60px"; }, function (props) { return props.inputInnerPadding ? props.inputInnerPadding : "0 16px"; }, media.mobile(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.6rem;\n "], ["\n font-size: 1.6rem;\n "]))), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.4rem;\n "], ["\n font-size: 1.4rem;\n "]))), Colors.Grey4);
34
34
  var IconText = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 600;\n color: ", ";\n"], ["\n font-size: 1.4rem;\n font-weight: 600;\n color: ", ";\n"])), Colors.Grey3);
35
35
  function Input(_a) {
36
- var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, _b = _a.format, format = _b === void 0 ? InputFormats.Price : _b, _c = _a.type, type = _c === void 0 ? "text" : _c, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, width = _a.width, inputWidth = _a.inputWidth, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
36
+ var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, _b = _a.format, format = _b === void 0 ? InputFormats.Price : _b, _c = _a.type, type = _c === void 0 ? "text" : _c, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, width = _a.width, inputWidth = _a.inputWidth, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e, inputInnerPadding = _a.inputInnerPadding;
37
37
  var _f = useState(false), hovered = _f[0], setHovered = _f[1];
38
38
  var _g = useState(false), focused = _g[0], setFocused = _g[1];
39
39
  var submit = function (event) {
@@ -53,7 +53,7 @@ function Input(_a) {
53
53
  : true, disabled: disabled },
54
54
  format === InputFormats.Price && (React.createElement(PriceContainer, null,
55
55
  React.createElement(Icon, { icon: Icons.Dollar, size: 14, color: Colors.Grey3 }))),
56
- React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, inputWidth: inputWidth, onChange: function (e) {
56
+ React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, inputWidth: inputWidth, inputInnerPadding: inputInnerPadding, onChange: function (e) {
57
57
  if (maxLength && e.currentTarget.value.length > maxLength) ;
58
58
  else {
59
59
  onChange(e);
package/build/components/FormattedInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormattedInput.js","sources":["../../src/components/FormattedInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from '../Colors';\nimport Icon, { Icons } from './Icon';\nimport Label from \"./Label\";\nimport Flex from \"./Flex\"\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from './ValidationError';\nimport { media } from '../utils/MediaQuery';\n\nexport enum InputFormats {\n Price = 'Price',\n Percent = 'Percent',\n}\n\ntype ContainerProps = {\n width?: string;\n}\n\nconst Container = styled.div<ContainerProps>`\n width: ${(props) => props.width};\n`;\n\ntype FormProps = {\n hovered: boolean;\n focused: boolean;\n width?: string;\n margin?: string;\n disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n margin: ${(props) => props.margin};\n width: ${(props) => props.width};\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ${(props) => {\n if (props.focused) return Colors.Grey4;\n if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n return Colors.Grey5;\n }};\n overflow: hidden;\n`;\n\nconst PriceContainer = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 25px;\n background-color: ${Colors.Grey5};\n`;\n\ntype StyledInputProps = {\n disabled: boolean;\n inputWidth?: boolean;\n};\n\nconst InputStyled = styled.input<StyledInputProps>`\n background-color: ${(props) =>\n props.disabled ? `${Colors.Grey6} !important` : null};\n color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n outline: none;\n border: 0px;\n height: 38px;\n width: ${(props) => props.inputWidth ? \"90px\" : \"60px\"};\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: 0 16px;\n text-align: right;\n\n ${media.mobile`\n font-size: 1.6rem;\n `};\n\n ${media.desktop`\n font-size: 1.4rem;\n `};\n\n ::placeholder {\n color: ${Colors.Grey4};\n }\n`;\n\nconst IconText = styled.div`\n font-size: 1.4rem;\n font-weight: 600;\n color: ${Colors.Grey3};\n`;\n\nexport type InputProps = {\n inputRef?: React.Ref<HTMLInputElement>;\n autoFocus?: boolean | undefined;\n placeholder?: string;\n value: string;\n defaultValue?: string;\n type?: string;\n format?: InputFormats;\n onMouseEnter?: any;\n onMouseLeave?: any;\n onChange?: any;\n onFocus?: any;\n onBlur?: any;\n onSubmit?: Function;\n canSubmit?: boolean;\n loading?: boolean;\n margin?: string;\n width?: string;\n onEnter?: Function;\n label?: string;\n subLabel?: string;\n tip?: string;\n maxLength?: number;\n validationError?: string;\n disabled?: boolean;\n inputWidth?: boolean;\n};\n\nexport default function Input({\n inputRef,\n autoFocus,\n placeholder,\n value,\n defaultValue,\n format = InputFormats.Price,\n type = \"text\",\n onMouseEnter,\n onMouseLeave,\n onChange,\n onFocus,\n onBlur,\n onSubmit,\n canSubmit = true,\n loading,\n margin,\n width,\n inputWidth,\n onEnter,\n label,\n subLabel,\n tip,\n maxLength,\n validationError,\n disabled = false,\n}: InputProps) {\n const [hovered, setHovered] = useState(false);\n const [focused, setFocused] = useState(false);\n\n const submit = (event: any) => {\n event.preventDefault();\n if (onSubmit && canSubmit && !loading) {\n onSubmit();\n } else if (onEnter && !loading) {\n onEnter();\n }\n };\n\n return (\n <Container width={width}>\n <Flex justify=\"space-between\">\n {label && <Label text={label} subText={subLabel} tip={tip} />}\n {maxLength && <MaxLength value={value} maxLength={maxLength} />}\n </Flex>\n <Form\n hovered={hovered}\n focused={focused}\n onSubmit={(event) => submit(event)}\n width={width}\n margin={margin}\n noValidate // disables default html5 validation\n disabled={disabled}\n >\n {format === InputFormats.Price && (\n <PriceContainer>\n <Icon \n icon={Icons.Dollar} \n size={14} \n color={Colors.Grey3}\n />\n </PriceContainer>\n )}\n <InputStyled\n ref={inputRef}\n disabled={disabled}\n autoFocus={autoFocus}\n placeholder={placeholder}\n value={value}\n defaultValue={defaultValue}\n type={type}\n inputWidth={inputWidth}\n onChange={(e: React.FormEvent<HTMLInputElement>) => {\n if (maxLength && e.currentTarget.value.length > maxLength) {\n // do nothing, the max length has been reached\n } else {\n onChange(e);\n }\n }}\n onFocus={(event) => {\n setFocused(true);\n if (onFocus) onFocus(event);\n }}\n onBlur={(event) => {\n setFocused(false);\n if (onFocus) onBlur(event);\n }}\n onMouseEnter={(event: any) => {\n setHovered(true);\n if (onMouseEnter) onMouseEnter(event);\n }}\n onMouseLeave={(event: any) => {\n setHovered(false);\n if (onMouseLeave) onMouseLeave(event);\n }}\n />\n {format === InputFormats.Percent && (\n <PriceContainer>\n <IconText>\n %\n </IconText>\n </PriceContainer>\n )}\n </Form>\n {validationError && (\n <ValidationError validationError={validationError} />\n )}\n </Container>\n );\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormattedInput.js","sources":["../../src/components/FormattedInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from '../Colors';\nimport Icon, { Icons } from './Icon';\nimport Label from \"./Label\";\nimport Flex from \"./Flex\"\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from './ValidationError';\nimport { media } from '../utils/MediaQuery';\n\nexport enum InputFormats {\n Price = 'Price',\n Percent = 'Percent',\n}\n\ntype ContainerProps = {\n width?: string;\n}\n\nconst Container = styled.div<ContainerProps>`\n width: ${(props) => props.width};\n`;\n\ntype FormProps = {\n hovered: boolean;\n focused: boolean;\n width?: string;\n margin?: string;\n disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n margin: ${(props) => props.margin};\n width: ${(props) => props.width};\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ${(props) => {\n if (props.focused) return Colors.Grey4;\n if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n return Colors.Grey5;\n }};\n overflow: hidden;\n`;\n\nconst PriceContainer = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 25px;\n background-color: ${Colors.Grey5};\n`;\n\ntype StyledInputProps = {\n disabled: boolean;\n inputWidth?: boolean;\n inputInnerPadding?: string;\n};\n\nconst InputStyled = styled.input<StyledInputProps>`\n background-color: ${(props) =>\n props.disabled ? `${Colors.Grey6} !important` : null};\n color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n outline: none;\n border: 0px;\n height: 38px;\n width: ${(props) => props.inputWidth ? \"90px\" : \"60px\"};\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n text-indent: 1px;\n transition: all 0.2s;\n padding: ${(props) => props.inputInnerPadding ? props.inputInnerPadding : \"0 16px\"};\n text-align: right;\n\n ${media.mobile`\n font-size: 1.6rem;\n `};\n\n ${media.desktop`\n font-size: 1.4rem;\n `};\n\n ::placeholder {\n color: ${Colors.Grey4};\n }\n`;\n\nconst IconText = styled.div`\n font-size: 1.4rem;\n font-weight: 600;\n color: ${Colors.Grey3};\n`;\n\nexport type InputProps = {\n inputRef?: React.Ref<HTMLInputElement>;\n autoFocus?: boolean | undefined;\n placeholder?: string;\n value: string;\n defaultValue?: string;\n type?: string;\n format?: InputFormats;\n onMouseEnter?: any;\n onMouseLeave?: any;\n onChange?: any;\n onFocus?: any;\n onBlur?: any;\n onSubmit?: Function;\n canSubmit?: boolean;\n loading?: boolean;\n margin?: string;\n width?: string;\n onEnter?: Function;\n label?: string;\n subLabel?: string;\n tip?: string;\n maxLength?: number;\n validationError?: string;\n disabled?: boolean;\n inputWidth?: boolean;\n inputInnerPadding?:string;\n};\n\nexport default function Input({\n inputRef,\n autoFocus,\n placeholder,\n value,\n defaultValue,\n format = InputFormats.Price,\n type = \"text\",\n onMouseEnter,\n onMouseLeave,\n onChange,\n onFocus,\n onBlur,\n onSubmit,\n canSubmit = true,\n loading,\n margin,\n width,\n inputWidth,\n onEnter,\n label,\n subLabel,\n tip,\n maxLength,\n validationError,\n disabled = false,\n inputInnerPadding\n}: InputProps) {\n const [hovered, setHovered] = useState(false);\n const [focused, setFocused] = useState(false);\n\n const submit = (event: any) => {\n event.preventDefault();\n if (onSubmit && canSubmit && !loading) {\n onSubmit();\n } else if (onEnter && !loading) {\n onEnter();\n }\n };\n\n return (\n <Container width={width}>\n <Flex justify=\"space-between\">\n {label && <Label text={label} subText={subLabel} tip={tip} />}\n {maxLength && <MaxLength value={value} maxLength={maxLength} />}\n </Flex>\n <Form\n hovered={hovered}\n focused={focused}\n onSubmit={(event) => submit(event)}\n width={width}\n margin={margin}\n noValidate // disables default html5 validation\n disabled={disabled}\n >\n {format === InputFormats.Price && (\n <PriceContainer>\n <Icon \n icon={Icons.Dollar} \n size={14} \n color={Colors.Grey3}\n />\n </PriceContainer>\n )}\n <InputStyled\n ref={inputRef}\n disabled={disabled}\n autoFocus={autoFocus}\n placeholder={placeholder}\n value={value}\n defaultValue={defaultValue}\n type={type}\n inputWidth={inputWidth}\n inputInnerPadding={inputInnerPadding}\n onChange={(e: React.FormEvent<HTMLInputElement>) => {\n if (maxLength && e.currentTarget.value.length > maxLength) {\n // do nothing, the max length has been reached\n } else {\n onChange(e);\n }\n }}\n onFocus={(event) => {\n setFocused(true);\n if (onFocus) onFocus(event);\n }}\n onBlur={(event) => {\n setFocused(false);\n if (onFocus) onBlur(event);\n }}\n onMouseEnter={(event: any) => {\n setHovered(true);\n if (onMouseEnter) onMouseEnter(event);\n }}\n onMouseLeave={(event: any) => {\n setHovered(false);\n if (onMouseLeave) onMouseLeave(event);\n }}\n />\n {format === InputFormats.Percent && (\n <PriceContainer>\n <IconText>\n %\n </IconText>\n </PriceContainer>\n )}\n </Form>\n {validationError && (\n <ValidationError validationError={validationError} />\n )}\n </Container>\n );\n}\n"],"names":[],"mappings":"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"}
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,8 @@ 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;
19
34
  } & 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;
35
+ export default function Product({ title, price, subtitle, description, isRSVP, isTicketScreen, value, minValue, maxValue, onIncrement, onDecrement, eventDays, isMultiDaysEvent, timeZone, remainingQty, isTicketType, isFees, isUpgradeType, }: 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"])));
@@ -20,21 +35,28 @@ var Container = styled.div(templateObject_4 || (templateObject_4 = __makeTemplat
20
35
  var Title = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n font-family: \"Inter\";\n line-height: 20px;\n"], ["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n font-family: \"Inter\";\n line-height: 20px;\n"])), Colors.HeadingSecondary);
21
36
  var Price = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n margin: 5px 0;\n line-height: 90%;\n"], ["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n margin: 5px 0;\n line-height: 90%;\n"])), Colors.HeadingSecondary);
22
37
  var Subtitle = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n font-family: \"inter\";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n font-family: \"inter\";\n"])), Colors.White);
23
- var Description = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\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 color: ", ";\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"])), Colors.SupportTertiary);
38
+ var Description = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\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 max-width: 88%;\n"], ["\n color: ", ";\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 max-width: 88%;\n"])), Colors.SupportTertiary);
24
39
  var Tickets = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n font-family: \"inter\";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n font-family: \"inter\";\n"])), Colors.SupportTertiary);
25
40
  var Tag = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n margin-bottom: 5px;\n line-height: 90%;\n"], ["\n font-size: 16px;\n color: ", ";\n font-weight: 500;\n margin-bottom: 5px;\n line-height: 90%;\n"])), Colors.HeadingPrimary);
26
41
  var Value = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: 28px;\n min-width: 20px;\n color: ", ";\n line-height: 90%;\n font-weight: 500;\n"], ["\n font-size: 28px;\n min-width: 20px;\n color: ", ";\n line-height: 90%;\n font-weight: 500;\n"])), Colors.HeadingPrimary);
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;
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
+ (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
+ 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 max-width: 88%;\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} & 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}: 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 {applicableFees?.length > 0 && (\n <HideShowContent onClick={() => toggleFees()}>\n {showFees\n ? AdvanceOptionsEnum.HideFees\n : AdvanceOptionsEnum.ShowFees}\n </HideShowContent>\n )}\n </RightWrapperCol>\n </Column>\n {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.353",
3
+ "version": "0.0.355",
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.353",
56
+ "@sellout/utils": "^0.0.355",
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": "9a5c9ec01bbf4dd860699a0c4819e79b0c72ca20",
65
+ "gitHead": "164cc40e2782d52efebfdc66ef8582b8d7a819c7",
66
66
  "peerDependencies": {
67
67
  "react": "16.14.0",
68
68
  "react-dom": "16.14.0",