@ultraviolet/plus 0.15.0 → 0.15.2

package/dist/src/components/EstimateCost/Components/Unit.js

@@ -1,58 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { TextInput } from '@ultraviolet/ui';
-import { useState, useEffect } from 'react';
-import { useOverlay } from '../OverlayContext.js';
-import { ItemResourceName } from '../componentStyle.js';
-import { Regular } from './Regular.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const StyledTextInput = /*#__PURE__*/_styled(TextInput, {
-  target: "e1pr25uw0"
-})(process.env.NODE_ENV === "production" ? {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}"
-} : {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Unit = ({
-  amount,
-  itemCallback,
-  getAmountValue,
-  unit
-}) => {
-  const {
-    isOverlay
-  } = useOverlay();
-  const [capacity, setCapacity] = useState(amount === 0 ? undefined : amount);
-  useEffect(() => {
-    itemCallback?.(capacity, true);
-    getAmountValue?.(capacity);
-  }, [getAmountValue, itemCallback, capacity]);
-  return isOverlay ? jsx(ItemResourceName, {
-    animated: false,
-    children: jsx(Regular, {
-      children: capacity
-    })
-  }) : jsx("div", {
-    style: {
-      width: '150px'
-    },
-    children: jsx(StyledTextInput, {
-      type: "number",
-      size: "small",
-      unit: unit,
-      placeholder: "00",
-      name: "capacity",
-      value: capacity?.toString(),
-      onChange: capacityText => {
-        setCapacity(Number(capacityText) < 0 ? 0 : Number(capacityText));
-        getAmountValue?.(capacity);
-      }
-    })
-  });
-};
-
-export { Unit };

package/dist/src/components/EstimateCost/Components/UnitInput.js

@@ -1,110 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Row, TextInput, SelectInput } from '@ultraviolet/ui';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-
-const sizesHeight = {
-  large: 48,
-  medium: 40,
-  small: 32
-};
-const CustomTextInput = /*#__PURE__*/_styled(TextInput, {
-  target: "epio27v1"
-})("input{border-radius:", ({
-  theme
-}) => theme.radii.default, " 0 0 ", ({
-  theme
-}) => theme.radii.default, ";min-width:60px;border-right:0;&:hover,&:focus{text-decoration:none;border-right-width:1px;border-right-style:solid;border-color:", ({
-  theme
-}) => theme.colors.primary.borderWeak, ";}}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}");
-const CustomSelectInput = /*#__PURE__*/_styled(SelectInput, {
-  target: "epio27v0"
-})(({
-  width
-}) => width && `width: ${width}px;`, " ", ({
-  height
-}) => height && `height: ${height}px;`, " &:hover,&:focus{text-decoration:none;border-color:", ({
-  theme
-}) => theme.colors.primary.borderWeak, ";box-shadow:none;}");
-const customSelectStyle = height => () => ({
-  control: {
-    borderBottomLeftRadius: 0,
-    borderTopLeftRadius: 0,
-    boxShadow: 'none',
-    height,
-    minHeight: height
-  },
-  singleValue: {
-    marginTop: 0
-  }
-});
-const UnitInput = ({
-  name = '',
-  maxValue = 99999,
-  minValue = 1,
-  size = 'medium',
-  placeholder = '0',
-  onChange,
-  onBlur,
-  onChangeUnitValue,
-  value,
-  unitValue,
-  textBoxWidth = 100,
-  disabled = false,
-  options,
-  className,
-  notice,
-  label,
-  required,
-  valueError,
-  unitError,
-  type = 'number',
-  'data-testid': dataTestId
-}) => jsxs(Row, {
-  templateColumns: "1fr auto",
-  "data-testid": dataTestId,
-  children: [jsx(CustomTextInput, {
-    height: sizesHeight[size],
-    width: textBoxWidth,
-    type: type,
-    name: `${name}-value`,
-    max: maxValue,
-    min: minValue,
-    required: required,
-    value: value,
-    placeholder: placeholder,
-    onChange: input => {
-      const numericValue = parseInt(input, 10);
-      onChange(numericValue);
-    },
-    onBlur: event => {
-      const numericValue = parseInt(event.target.value, 10);
-      if (Number.isNaN(numericValue) || numericValue < minValue) {
-        onChange(minValue);
-      }
-      if (numericValue > maxValue) {
-        onChange(maxValue);
-      }
-      onBlur?.(event);
-    },
-    className: className,
-    disabled: disabled,
-    notice: notice,
-    label: label,
-    error: valueError
-  }), jsx(CustomSelectInput, {
-    noTopLabel: true,
-    height: sizesHeight[size],
-    id: `${name}-unit`,
-    name: `${name}-unit`,
-    onChange: newValue => {
-      onChangeUnitValue(newValue.value);
-    },
-    error: unitError,
-    value: options.find(option => option.value === unitValue) || options[0],
-    options: options,
-    customStyle: customSelectStyle(sizesHeight[size]),
-    disabled: disabled || options.length === 1
-  })]
-});
-
-export { UnitInput, sizesHeight };

package/dist/src/components/EstimateCost/Components/Zone.js

@@ -1,50 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { useEstimateCost } from '../EstimateCostProvider.js';
-import { Item } from './Item.js';
-import { Strong } from './Strong.js';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-
-const StyledImage = /*#__PURE__*/_styled("img", {
-  target: "e24b3x10"
-})("width:15px;margin-right:", ({
-  theme
-}) => theme.space['1'], ";");
-const Zone = ({
-  label,
-  image,
-  shouldBeHidden = false,
-  priceText,
-  animated = false,
-  isFirstElement,
-  isLastElement,
-  productsCallback,
-  iteration,
-  discount,
-  noBorder,
-  noPrice
-}) => {
-  const {
-    locales
-  } = useEstimateCost();
-  return jsx(Item, {
-    label: locales['estimate.cost.az.label'],
-    shouldBeHidden: shouldBeHidden,
-    priceText: priceText,
-    animated: animated,
-    isFirstElement: isFirstElement,
-    isLastElement: isLastElement,
-    productsCallback: productsCallback,
-    iteration: iteration,
-    discount: discount,
-    noBorder: noBorder,
-    noPrice: noPrice,
-    children: jsxs(Strong, {
-      children: [jsx(StyledImage, {
-        alt: label,
-        src: image
-      }), label]
-    })
-  });
-};
-
-export { Zone };

package/dist/src/components/EstimateCost/EstimateCost.js

@@ -1,120 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text } from '@ultraviolet/ui';
-import { Children } from 'react';
-import { Item } from './Components/Item.js';
-import { LineThrough } from './Components/LineThrough.js';
-import { NumberInput } from './Components/NumberInput.js';
-import { Region } from './Components/Region.js';
-import { Regular } from './Components/Regular.js';
-import { Strong } from './Components/Strong.js';
-import { Unit } from './Components/Unit.js';
-import { Zone } from './Components/Zone.js';
-import { EstimateCostContent } from './EstimateCostContent.js';
-import { EstimateCostProvider } from './EstimateCostProvider.js';
-import { useOverlay } from './OverlayContext.js';
-import EstimateCostLocales from './locales/en.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-const MaxWidthText = /*#__PURE__*/_styled(Text, {
-  target: "e13v5qur1"
-})("max-width:", ({
-  maxWidth
-}) => maxWidth, "px;");
-const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
-const EstimateCost = ({
-  description,
-  alert,
-  alertTitle,
-  alertVariant = 'warning',
-  defaultTimeUnit = 'hours',
-  timeUnits = DEFAULT_UNIT_LIST,
-  hideOverlay = false,
-  disableOverlayLeft = false,
-  disableOverlayRight = false,
-  hideTimeUnit = false,
-  hideTotal = false,
-  discount = 0,
-  OverlayRight,
-  OverlayLeft,
-  overlayMargin,
-  isBeta = false,
-  commitmentFees,
-  commitmentFeesContent,
-  monthlyFees,
-  monthlyFeesLabel,
-  monthlyFeesContent,
-  overlayUnit = 'hours',
-  children = null,
-  locales = EstimateCostLocales,
-  numberLocales = 'en-EN',
-  currency = 'EUR'
-}) => jsx(EstimateCostProvider, {
-  locales: locales,
-  currency: currency,
-  numberLocales: numberLocales,
-  children: jsx(EstimateCostContent, {
-    description: description,
-    alert: alert,
-    alertTitle: alertTitle,
-    alertVariant: alertVariant,
-    defaultTimeUnit: defaultTimeUnit,
-    timeUnits: timeUnits,
-    hideOverlay: hideOverlay,
-    disableOverlayLeft: disableOverlayLeft,
-    disableOverlayRight: disableOverlayRight,
-    hideTimeUnit: hideTimeUnit,
-    hideTotal: hideTotal,
-    discount: discount,
-    OverlayRight: OverlayRight,
-    OverlayLeft: OverlayLeft,
-    isBeta: isBeta,
-    commitmentFees: commitmentFees,
-    commitmentFeesContent: commitmentFeesContent,
-    monthlyFees: monthlyFees,
-    monthlyFeesLabel: monthlyFeesLabel,
-    monthlyFeesContent: monthlyFeesContent,
-    overlayUnit: overlayUnit,
-    locales: locales,
-    overlayMargin: overlayMargin,
-    children: children
-  })
-});
-EstimateCost.LineThrough = LineThrough;
-EstimateCost.Item = Item;
-EstimateCost.NumberInput = NumberInput;
-EstimateCost.Unit = Unit;
-EstimateCost.Strong = Strong;
-EstimateCost.Regular = Regular;
-EstimateCost.Image = /*#__PURE__*/_styled("img", {
-  target: "e13v5qur0"
-})("width:15px;margin-right:", ({
-  theme
-}) => theme.space['1'], ";");
-EstimateCost.Region = Region;
-EstimateCost.Zone = Zone;
-const Ellipsis = ({
-  children,
-  maxWidth = 350,
-  'data-testid': dataTestId
-}) => {
-  const {
-    isOverlay
-  } = useOverlay();
-  const text = Children.toArray(children).join('').toString();
-  return jsx("div", {
-    style: {
-      display: !isOverlay ? 'inline-flex' : undefined
-    },
-    "data-testid": dataTestId,
-    children: jsx(MaxWidthText, {
-      as: "p",
-      oneLine: true,
-      variant: "bodyStrong",
-      maxWidth: isOverlay ? 200 : maxWidth,
-      children: text
-    })
-  });
-};
-EstimateCost.Ellipsis = Ellipsis;
-
-export { EstimateCost };

package/dist/src/components/EstimateCost/EstimateCostContent.js

@@ -1,292 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, Stack, Alert, Icon } from '@ultraviolet/ui';
-import { useState, useMemo, useEffect, Children, isValidElement, cloneElement } from 'react';
-import { useInView } from 'react-intersection-observer';
-import { CustomUnitInput } from './Components/CustomUnitInput.js';
-import { Item } from './Components/Item.js';
-import { LineThrough } from './Components/LineThrough.js';
-import { useEstimateCost } from './EstimateCostProvider.js';
-import { OverlayComponent } from './OverlayComponent.js';
-import { OverlayContextProvider } from './OverlayContext.js';
-import { StyledTable, PriceCol, Title, TimeCell, EmptyTable, EmptyCell, TotalPriceCell, BadgeBeta, StyledFeesTable, Cell, PriceCell } from './componentStyle.js';
-import { maximumFractionDigitsLong, maximumFractionDigits } from './constants.js';
-import { calculatePrice } from './helper.js';
-import EstimateCostLocales from './locales/en.js';
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const FeesText = /*#__PURE__*/_styled(Text, {
-  target: "excc3v74"
-})("margin-top:", ({
-  theme
-}) => theme.space['3'], ";");
-const StyledText = /*#__PURE__*/_styled(Text, {
-  target: "excc3v73"
-})("text-align:right;", ({
-  isBeta,
-  theme
-}) => isBeta ? `margin-left: ${theme.space['2']};` : null, ";");
-const RightAlignedText = /*#__PURE__*/_styled(Text, {
-  target: "excc3v72"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2qga7i",
-  styles: "text-align:right"
-} : {
-  name: "2qga7i",
-  styles: "text-align:right",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledIcon = /*#__PURE__*/_styled(Icon, {
-  target: "excc3v71"
-})("margin-right:", ({
-  theme
-}) => theme.space['1'], ";");
-const StyledPriceCell = /*#__PURE__*/_styled(Cell.withComponent('th', {
-  target: "excc3v75"
-}), {
-  target: "excc3v70"
-})(({
-  theme
-}) => PriceCell(theme), " padding:0;");
-const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
-const DescriptionComponent = ({
-  description,
-  locales
-}) => description === undefined || typeof description === 'string' ? jsx(Text, {
-  as: "span",
-  variant: "body",
-  children: description || locales['estimate.cost.description']
-}) : description;
-const EstimateCostContent = ({
-  description,
-  alert,
-  alertTitle,
-  alertVariant = 'warning',
-  defaultTimeUnit = 'hours',
-  timeUnits = DEFAULT_UNIT_LIST,
-  hideOverlay = false,
-  disableOverlayLeft = false,
-  disableOverlayRight = false,
-  hideTimeUnit = false,
-  hideTotal = false,
-  hideHourlyPriceOnTotal = false,
-  discount = 0,
-  OverlayRight,
-  OverlayLeft,
-  isBeta = false,
-  commitmentFees,
-  commitmentFeesContent,
-  monthlyFees,
-  monthlyFeesLabel,
-  monthlyFeesContent,
-  overlayUnit = 'hours',
-  children = null,
-  locales = EstimateCostLocales,
-  overlayMargin
-}) => {
-  const {
-    formatNumber
-  } = useEstimateCost();
-  const [ref, inView] = useInView();
-  const [products, setProducts] = useState([]); // product is used to store each items with their price and amount
-  const [totalPrice, setTotalPrice] = useState({
-    overlayHourly: 0,
-    maxOverlayHourly: 0,
-    hourly: 0,
-    maxHourly: 0,
-    total: 0,
-    maxTotal: 0
-  });
-  const [iteration, setIteration] = useState({
-    value: 1,
-    unit: defaultTimeUnit ?? 'hours'
-  });
-  const [isLongFractionDigits, setIsLongFractionDigits] = useState(false);
-  const providerValue = useMemo(() => ({
-    isOverlay: false
-  }), []);
-  const productsCallback = useMemo(() => ({
-    add: newProduct => {
-      setProducts(total => {
-        if (total.find(product => product.id === newProduct.id)) {
-          return total.map(product => product.id === newProduct.id ? newProduct : product);
-        }
-        return [...total, newProduct];
-      });
-    },
-    remove: ({
-      id
-    }) => {
-      setProducts(total => total.filter(product => product.id !== id));
-    }
-  }), [setProducts]);
-  useEffect(() => {
-    // this variable check if there is a maxAmount in each product
-    // if not we do not need to calculate maxTotal, maxHourly, maxOverlayHourly
-    const isMaxAmountInProducts = products.find(product => product.maxAmount);
-    setIsLongFractionDigits(!!products.find(product => product.longFractionDigits));
-    setTotalPrice({
-      total: !hideTotal ? products.reduce((acc, product) => acc + calculatePrice({
-        price: product.price,
-        amount: product.amount,
-        amountFree: product.amountFree,
-        timeUnit: product.noIteration ? 'hours' : iteration.unit,
-        timeAmount: product.noIteration ? 1 : iteration.value,
-        discount: product.discount
-      }), 0) : 0,
-      maxTotal: isMaxAmountInProducts ? products.reduce((acc, product) => acc + calculatePrice({
-        price: product.price,
-        amount: product.maxAmount || product.amount,
-        // Not all products have maxAmount, so we need to check both
-        amountFree: product.amountFree,
-        timeUnit: product.noIteration ? 'hours' : iteration.unit,
-        timeAmount: product.noIteration ? 1 : iteration.value,
-        discount: product.discount
-      }), 0) : 0,
-      hourly: products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.amount - product.amountFree, 0)), 0),
-      maxHourly: isMaxAmountInProducts ? products.reduce((acc, product) => acc && product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.maxAmount - product.amountFree, 0), 0) : 0,
-      overlayHourly: products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.amount - product.amountFree, 0)), 0),
-      maxOverlayHourly: isMaxAmountInProducts ? products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.maxAmount - product.amountFree, 0)), 0) : 0
-    });
-  }, [hideTotal, products, iteration, setTotalPrice]);
-  useEffect(() => {
-    if (hideTimeUnit && (iteration.value > 1 || iteration.unit !== (defaultTimeUnit ?? 'hours'))) {
-      setIteration({
-        unit: defaultTimeUnit ?? 'hours',
-        value: 1
-      });
-    }
-  }, [hideTimeUnit, iteration, defaultTimeUnit]);
-  return jsxs(Stack, {
-    gap: 2,
-    children: [!hideOverlay ? jsx(OverlayComponent, {
-      inView: inView,
-      totalPrice: totalPrice,
-      disableOverlayLeft: disableOverlayLeft,
-      disableOverlayRight: disableOverlayRight,
-      OverlayLeft: OverlayLeft,
-      OverlayRight: OverlayRight,
-      isBeta: isBeta,
-      discount: discount,
-      unit: overlayUnit ?? 'hours',
-      overlayMargin: overlayMargin,
-      children: children
-    }) : null, description === false ? null : jsx(DescriptionComponent, {
-      description: description,
-      locales: locales
-    }), alert ? jsx(Alert, {
-      sentiment: alertVariant,
-      title: alertTitle,
-      children: alert
-    }) : null, jsx(OverlayContextProvider, {
-      value: providerValue,
-      children: jsxs("div", {
-        children: [children ? jsxs(StyledTable, {
-          cellPadding: "0",
-          cellSpacing: "0",
-          ref: ref,
-          "data-testid": "summary",
-          noTotal: hideTotal,
-          children: [jsxs("colgroup", {
-            children: [jsx("col", {}), jsx(PriceCol, {})]
-          }), !hideTimeUnit ? jsx("thead", {
-            children: jsxs("tr", {
-              children: [jsx("th", {
-                children: jsxs(Title, {
-                  children: [jsx(StyledIcon, {
-                    name: "calculator",
-                    color: "primary",
-                    size: 20
-                  }), locales['estimate.cost.label']]
-                })
-              }), jsx(StyledPriceCell, {
-                children: jsx(TimeCell, {
-                  children: jsx(CustomUnitInput, {
-                    defaultTimeUnit: defaultTimeUnit,
-                    setIteration: setIteration,
-                    iteration: iteration,
-                    timeUnits: timeUnits
-                  })
-                })
-              })]
-            })
-          }) : null, jsx("tbody", {
-            children: Children.map(children, (child, index) => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
-              isLastElement: index === Children.count(children) - 1,
-              productsCallback,
-              iteration,
-              discount: discount && !child.props.discount ? discount : child.props.discount
-            }) : child)
-          })]
-        }) : null, !hideTotal ? jsxs(EmptyTable, {
-          cellPadding: "0",
-          cellSpacing: "0",
-          children: [jsxs("colgroup", {
-            children: [jsx("col", {}), jsx(PriceCol, {})]
-          }), jsx("tbody", {
-            children: jsxs("tr", {
-              children: [jsx(EmptyCell, {
-                "aria-label": "control"
-              }), jsxs(TotalPriceCell, {
-                hasBorder: false,
-                children: [isBeta ? jsx(BadgeBeta, {
-                  prominence: "strong",
-                  long: locales[`estimate.cost.beta.${discount > 0 ? 'discount' : 'free'}`].length > 25,
-                  sentiment: "warning",
-                  children: `${discount > 0 ? discount * 100 : ''}
-                          ${locales[`estimate.cost.beta.${discount > 0 ? 'discount' : 'free'}`]}`
-                }) : null, jsx(StyledText, {
-                  as: "h3",
-                  variant: "heading",
-                  color: "primary",
-                  isBeta: isBeta,
-                  children: jsxs(LineThrough, {
-                    isActive: isBeta && (discount === 0 || discount >= 1),
-                    children: [formatNumber(totalPrice.total, {
-                      maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong[iteration.unit] : maximumFractionDigits[iteration.unit]
-                    }), totalPrice.maxTotal > 0 ? ` - ${formatNumber(totalPrice.maxTotal, {
-                      maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong[iteration.unit] : maximumFractionDigits[iteration.unit]
-                    })}` : null]
-                  })
-                }), hideHourlyPriceOnTotal && totalPrice.hourly > 0 && totalPrice.hourly !== totalPrice.total && totalPrice.total > 0 ? jsx(RightAlignedText, {
-                  as: "p",
-                  variant: "body",
-                  children: jsxs(LineThrough, {
-                    isActive: isBeta && (discount === 0 || discount >= 1),
-                    children: [formatNumber(totalPrice.hourly, {
-                      maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours
-                    }), totalPrice.maxHourly > 0 ? ` - ${formatNumber(totalPrice.maxHourly, {
-                      maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours
-                    })}` : null, "/", locales[`estimate.cost.units.hours.label`].toLowerCase()]
-                  })
-                }) : null]
-              })]
-            })
-          })]
-        }) : null, commitmentFees !== undefined || monthlyFees !== undefined ? jsxs(Fragment, {
-          children: [jsx(FeesText, {
-            as: "h3",
-            variant: "headingSmall",
-            children: locales[`estimate.cost.fees.${commitmentFees ? 'oneTime' : 'monthly'}.title`]
-          }), jsx(StyledFeesTable, {
-            children: jsx("tbody", {
-              children: jsx(Item, {
-                label: commitmentFees ? locales['estimate.cost.fees.commitment'] : monthlyFeesLabel,
-                noIteration: true,
-                isLastElement: true,
-                price: commitmentFees || monthlyFees,
-                productsCallback: {
-                  add: () => {},
-                  remove: () => {}
-                },
-                children: commitmentFees ? commitmentFeesContent : monthlyFeesContent
-              })
-            })
-          })]
-        }) : null]
-      })
-    })]
-  });
-};
-
-export { EstimateCostContent };