@trafilea/afrodita-components 6.14.1 → 6.14.2

package/build/index.d.ts

@@ -1172,6 +1172,7 @@ declare type AutoshipPropsV2 = {
     frequencyValues?: Array<number>;
     frequencyUnit?: string;
     autoshipBenefits: string[];
+    benefits?: string[];
     onChange: (values: {
         subscriptionPeriod: number;
         autoship: boolean;

package/build/index.esm.js

@@ -5808,11 +5808,16 @@ var DiscountTag = newStyled.div(templateObject_2$13 || (templateObject_2$13 = __
     var theme = _a.theme;
     return theme.component.autoship.discountTag.borderRadius;
 });
+var getSelectedBorder = function (_a) {
+    var name = _a.name, colors = _a.colors;
+    if (name === 'TheSpaDr') {
+        return "2px solid ".concat(colors.pallete.primary.color);
+    }
+    return "1.5px solid ".concat(colors.shades['700'].color);
+};
 var ContainerBase = newStyled.div(templateObject_3$S || (templateObject_3$S = __makeTemplateObject(["\n  border-radius: 8px;\n\n  border: ", ";\n\n  ", "\n\n  & input:checked + div {\n    border-color: ", ";\n  }\n\n  & label {\n    cursor: pointer;\n  }\n"], ["\n  border-radius: 8px;\n\n  border: ", ";\n\n  ", "\n\n  & input:checked + div {\n    border-color: ", ";\n  }\n\n  & label {\n    cursor: pointer;\n  }\n"])), function (_a) {
     var selected = _a.selected, theme = _a.theme;
-    return selected
-        ? "1.5px solid ".concat(theme.colors.shades['700'].color)
-        : "1px solid ".concat(theme.colors.shades[200].color);
+    return selected ? getSelectedBorder(theme) : "1px solid ".concat(theme.colors.shades[200].color);
 }, function (_a) {
     var selected = _a.selected;
     return selected
@@ -5856,7 +5861,7 @@ var radioIds = {
 var DEFAULT_DROPDOWN_OPTIONS = { key: '1', label: '1 Month', value: 1, disabled: false };
 var DEFAULT_FREQUENCY_UNIT = 'months';
 var AutoshipV2 = function (_a) {
-    var tooltipContent = _a.tooltipContent, tooltipHeader = _a.tooltipHeader, pricing = _a.pricing, frequencyValues = _a.frequencyValues, _b = _a.frequencyUnit, frequencyUnit = _b === void 0 ? DEFAULT_FREQUENCY_UNIT : _b, autoshipBenefits = _a.autoshipBenefits, onChange = _a.onChange, singlePurchaseLabel = _a.singlePurchaseLabel, subscriptionLabel = _a.subscriptionLabel, className = _a.className, closeIcon = _a.closeIcon, _c = _a.currencySymbol, currencySymbol = _c === void 0 ? '$' : _c, discountLabel = _a.discountLabel;
+    var tooltipContent = _a.tooltipContent, tooltipHeader = _a.tooltipHeader, pricing = _a.pricing, frequencyValues = _a.frequencyValues, _b = _a.frequencyUnit, frequencyUnit = _b === void 0 ? DEFAULT_FREQUENCY_UNIT : _b, autoshipBenefits = _a.autoshipBenefits, benefits = _a.benefits, onChange = _a.onChange, singlePurchaseLabel = _a.singlePurchaseLabel, subscriptionLabel = _a.subscriptionLabel, className = _a.className, closeIcon = _a.closeIcon, _c = _a.currencySymbol, currencySymbol = _c === void 0 ? '$' : _c, discountLabel = _a.discountLabel;
     var theme = useTheme();
     var dropdownOptions = frequencyValues && (frequencyValues === null || frequencyValues === void 0 ? void 0 : frequencyValues.length) > 0
         ? frequencyValues.map(function (value) {
@@ -5872,7 +5877,7 @@ var AutoshipV2 = function (_a) {
     var autoShipSaving = Math.floor(listPrice - autoshipFinalPrice);
     var autoShipPctOverListPrice = (autoShipSaving / listPrice) * 100;
     var autoShipPctOverListPriceRounded = Math.round(autoShipPctOverListPrice / 5) * 5;
-    var updatedAutoshipBenefits = __spreadArray([
+    var updatedAutoshipBenefits = benefits !== null && benefits !== void 0 ? benefits : __spreadArray([
         "Save up to ".concat(autoShipPctOverListPriceRounded, "% always")
     ], autoshipBenefits.slice(0), true);
     var createDataObject = function () {