@trafilea/afrodita-components 6.28.12 → 6.28.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +2 -1
- package/build/index.esm.js +9 -2
- package/build/index.esm.js.map +1 -1
- package/build/index.js +9 -2
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -2992,8 +2992,9 @@ interface MotivatorProgressBarProps {
|
|
|
2992
2992
|
rewardUnlockedMessage: string;
|
|
2993
2993
|
endingValue?: number;
|
|
2994
2994
|
currencyCode?: string;
|
|
2995
|
+
isClubBarMotivatorTest?: boolean;
|
|
2995
2996
|
}
|
|
2996
|
-
declare const MotivatorProgressBar: ({ fillColor, backgroundColor, unfilledColor, currencyCode, endingValue, currentAmount, rewardUnlockedMessage, }: MotivatorProgressBarProps) => JSX.Element;
|
|
2997
|
+
declare const MotivatorProgressBar: ({ fillColor, backgroundColor, unfilledColor, currencyCode, endingValue, currentAmount, rewardUnlockedMessage, isClubBarMotivatorTest, }: MotivatorProgressBarProps) => JSX.Element;
|
|
2997
2998
|
|
|
2998
2999
|
interface OrderBarProps {
|
|
2999
3000
|
message: string;
|
package/build/index.esm.js
CHANGED
|
@@ -14930,11 +14930,18 @@ var _calculatePercentage = function (currentAmount, endingValue) {
|
|
|
14930
14930
|
return percentage > 1 ? 100 : percentage * 100;
|
|
14931
14931
|
};
|
|
14932
14932
|
var MotivatorProgressBar = function (_a) {
|
|
14933
|
-
var _b = _a.fillColor, fillColor = _b === void 0 ? '#F7A08B' : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#F7F7F7' : _c, _d = _a.unfilledColor, unfilledColor = _d === void 0 ? '#EEBFBD' : _d, _e = _a.currencyCode, currencyCode = _e === void 0 ? '$' : _e, _f = _a.endingValue, endingValue = _f === void 0 ? 70 : _f, _g = _a.currentAmount, currentAmount = _g === void 0 ? 0 : _g, rewardUnlockedMessage = _a.rewardUnlockedMessage;
|
|
14933
|
+
var _b = _a.fillColor, fillColor = _b === void 0 ? '#F7A08B' : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#F7F7F7' : _c, _d = _a.unfilledColor, unfilledColor = _d === void 0 ? '#EEBFBD' : _d, _e = _a.currencyCode, currencyCode = _e === void 0 ? '$' : _e, _f = _a.endingValue, endingValue = _f === void 0 ? 70 : _f, _g = _a.currentAmount, currentAmount = _g === void 0 ? 0 : _g, rewardUnlockedMessage = _a.rewardUnlockedMessage, _h = _a.isClubBarMotivatorTest, isClubBarMotivatorTest = _h === void 0 ? false : _h;
|
|
14934
14934
|
var theme = useTheme();
|
|
14935
14935
|
var isRewardUnlocked = currentAmount >= endingValue;
|
|
14936
14936
|
var progress = _calculatePercentage(currentAmount, endingValue);
|
|
14937
|
-
|
|
14937
|
+
var getRemainingAmountMessage = function () {
|
|
14938
|
+
var remainingAmount = Math.round((endingValue - currentAmount) * 100) / 100;
|
|
14939
|
+
if (isClubBarMotivatorTest) {
|
|
14940
|
+
return (jsxs$1("div", { children: ["Spend ", currencyCode, remainingAmount, " more to unlock ", jsx$1("strong", { children: "Free Priority Shipping" }, void 0), " with Club!"] }, void 0));
|
|
14941
|
+
}
|
|
14942
|
+
return (jsxs$1("div", { children: ["Spend ", currencyCode, remainingAmount, " more to get ", jsx$1("strong", { children: "Free Shipping" }, void 0)] }, void 0));
|
|
14943
|
+
};
|
|
14944
|
+
return (jsxs$1(Container$y, __assign$1({ backgroundColor: backgroundColor }, { children: [jsxs$1(BarContainer, __assign$1({ "data-testid": "MPBContainer" }, { children: [jsxs$1(Value, { children: [currencyCode, currentAmount] }, void 0), jsx$1(Background$1, __assign$1({ backgroundColor: unfilledColor || theme.colors.shades['100'].color, "data-testid": "MPBBackground" }, { children: jsx$1(Bar$1, { "data-testid": "MPBBar", backgroundColor: fillColor, percent: progress }, void 0) }), void 0), jsxs$1(Value, __assign$1({ isBold: true }, { children: [currencyCode, endingValue] }), void 0)] }), void 0), isRewardUnlocked ? (jsx$1("div", { dangerouslySetInnerHTML: { __html: rewardUnlockedMessage } }, void 0)) : (getRemainingAmountMessage())] }), void 0));
|
|
14938
14945
|
};
|
|
14939
14946
|
var templateObject_1$K;
|
|
14940
14947
|
|