krl-alfred 2.17.54 → 2.17.56

package/dist/components/ActionButton/ActionButton.js

@@ -48,9 +48,9 @@ var ActionButton = function (_a) {
             end: now
         });
         setMonths(deadline - now > 0 ? (0, date_fns_1.differenceInMonths)(deadline, now) : 0);
-        setDays(deadline - now > 0 ? isMonthVisible ? duration === null || duration === void 0 ? void 0 : duration.days : (0, date_fns_1.differenceInDays)(deadline, now) : 0);
-        setMinutes(deadline - now > 0 ? duration === null || duration === void 0 ? void 0 : duration.minutes : 0);
-        setHours(deadline - now > 0 ? duration === null || duration === void 0 ? void 0 : duration.hours : 0);
+        setDays(deadline - now > 0 ? isMonthVisible ? (duration === null || duration === void 0 ? void 0 : duration.days) * -1 : (0, date_fns_1.differenceInDays)(deadline, now) : 0);
+        setMinutes(deadline - now > 0 ? (duration === null || duration === void 0 ? void 0 : duration.minutes) * -1 : 0);
+        setHours(deadline - now > 0 ? (duration === null || duration === void 0 ? void 0 : duration.hours) * -1 : 0);
         //setSecounds(deadline - now > 0 ? duration?.seconds : 0)
         if (deadline - now < 0)
             clearInterval(timer);
@@ -59,6 +59,6 @@ var ActionButton = function (_a) {
     (0, react_1.useEffect)(function () {
         count();
     }, [date]);
-    return ((0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({ "$width": width, "$hasTimer": hasTimer, "$hasInfo": hasInfo }, other, { children: [hasInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "actionInfoText" }, { children: infoText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dashedLine" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 335 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.0009 0C12.653 0 15.1966 1.05357 17.0719 2.92893C18.9473 4.8043 20.0009 7.34783 20.0009 10C20.0009 12.6522 18.9473 15.1957 17.0719 17.0711C15.1966 18.9464 12.653 20 10.0009 20L10.0009 10V0Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.0009 9.5L306.999 10.4925", stroke: "white", "stroke-width": "6", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-dasharray": "12 12" }), (0, jsx_runtime_1.jsx)("path", { d: "M324.999 20C322.347 20 319.804 18.9464 317.928 17.0711C316.053 15.1957 314.999 12.6522 314.999 10C314.999 7.34784 316.053 4.8043 317.928 2.92893C319.804 1.05357 322.347 -3.16267e-08 324.999 0V10V20Z", fill: "white" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "actionInner" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: img })), (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), !hasTimer && ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary" }))] })), hasTimer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "timer" }, { children: [isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: months })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('month') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: days })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('day') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: (hours * -1).toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('hour') }))] })), !isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: (minutes * -1).toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('minute') }))] }))] }))] })), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary", isLoading: isLoading })] })] })))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({ "$width": width, "$hasTimer": hasTimer, "$hasInfo": hasInfo }, other, { children: [hasInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "actionInfoText" }, { children: infoText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dashedLine" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 335 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.0009 0C12.653 0 15.1966 1.05357 17.0719 2.92893C18.9473 4.8043 20.0009 7.34783 20.0009 10C20.0009 12.6522 18.9473 15.1957 17.0719 17.0711C15.1966 18.9464 12.653 20 10.0009 20L10.0009 10V0Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.0009 9.5L306.999 10.4925", stroke: "white", "stroke-width": "6", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-dasharray": "12 12" }), (0, jsx_runtime_1.jsx)("path", { d: "M324.999 20C322.347 20 319.804 18.9464 317.928 17.0711C316.053 15.1957 314.999 12.6522 314.999 10C314.999 7.34784 316.053 4.8043 317.928 2.92893C319.804 1.05357 322.347 -3.16267e-08 324.999 0V10V20Z", fill: "white" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "actionInner" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: img })), (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), !hasTimer && ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary" }))] })), hasTimer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "timer" }, { children: [isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: months })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('month') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: days.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('day') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: hours.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('hour') }))] })), !isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: minutes.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('minute') }))] }))] }))] })), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary", isLoading: isLoading })] })] })))] }))] })));
 };
 exports.default = ActionButton;

package/dist/components/InsuranceBox/InsuranceBox.js

@@ -23,6 +23,6 @@ var Tooltip_1 = __importDefault(require("../Tooltip"));
 var Loader_1 = __importDefault(require("../Loader"));
 var InsuranceBox = function (_a) {
     var _b = _a.width, width = _b === void 0 ? props_1.InsuranceBoxDefault.width : _b, _c = _a.priceText, priceText = _c === void 0 ? props_1.InsuranceBoxDefault.priceText : _c, _d = _a.height, height = _d === void 0 ? props_1.InsuranceBoxDefault.height : _d, _e = _a.popupWidth, popupWidth = _e === void 0 ? props_1.InsuranceBoxDefault.popupWidth : _e, _f = _a.popupRight, popupRight = _f === void 0 ? props_1.InsuranceBoxDefault.popupRight : _f, _g = _a.tooltipTitle, tooltipTitle = _g === void 0 ? props_1.InsuranceBoxDefault.tooltipTitle : _g, _h = _a.popupSize, popupSize = _h === void 0 ? props_1.InsuranceBoxDefault.popupSize : _h, _j = _a.tooltipDescription, tooltipDescription = _j === void 0 ? props_1.InsuranceBoxDefault.tooltipDescription : _j, _k = _a.onChange, onChange = _k === void 0 ? props_1.InsuranceBoxDefault.onChange : _k, _l = _a.hasBgColor, hasBgColor = _l === void 0 ? props_1.InsuranceBoxDefault.hasBgColor : _l, _m = _a.hasCloseOnOutsideClick, hasCloseOnOutsideClick = _m === void 0 ? props_1.InsuranceBoxDefault.hasCloseOnOutsideClick : _m, _o = _a.hasBorder, hasBorder = _o === void 0 ? props_1.InsuranceBoxDefault.hasBorder : _o, _p = _a.checked, checked = _p === void 0 ? props_1.InsuranceBoxDefault.checked : _p, _q = _a.disabled, disabled = _q === void 0 ? props_1.InsuranceBoxDefault.disabled : _q, _r = _a.isTitleWrap, isTitleWrap = _r === void 0 ? props_1.InsuranceBoxDefault.isTitleWrap : _r, _s = _a.hasClickAction, hasClickAction = _s === void 0 ? props_1.InsuranceBoxDefault.hasClickAction : _s, _t = _a.isLoading, isLoading = _t === void 0 ? props_1.InsuranceBoxDefault.isLoading : _t, _u = _a.tooltipPosition, tooltipPosition = _u === void 0 ? props_1.InsuranceBoxDefault.tooltipPosition : _u, _v = _a.size, size = _v === void 0 ? props_1.InsuranceBoxDefault.size : _v, _w = _a.insuranceText, insuranceText = _w === void 0 ? props_1.InsuranceBoxDefault.insuranceText : _w;
-    return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, __assign({ htmlFor: "insuranceCheckbox", "$hasBorder": hasBorder, "$hasBgColor": hasBgColor, "$width": width, "$height": height, "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.CheckboxWrapper, __assign({ "$size": size }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "insuranceCheckbox", disabled: disabled, onChange: onChange, checked: checked, size: "large" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, __assign({ htmlFor: "insuranceCheckbox", "$size": size }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: "Tamamlarsin" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Description, __assign({ "$size": size, htmlFor: "insuranceCheckbox" }, { children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { type: "wave" }) : (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: "Hasar g\u00FCvenceni %100\u2019e ".concat(isTitleWrap ? "<br/>" : '', "tamamlars\u0131n! <b>").concat(priceText, "</b>") } }) })), (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "nothing" }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ popupSize: popupSize, title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: hasClickAction, popupWidth: popupWidth, popupRight: popupRight, iconWidth: "24px", iconHeight: "24px" }, { children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: insuranceText })) })) }))] }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, __assign({ htmlFor: "insuranceCheckbox", "$hasBorder": hasBorder, "$hasBgColor": hasBgColor, "$width": width, "$height": height, "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.CheckboxWrapper, __assign({ "$size": size }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "insuranceCheckbox", disabled: disabled, onChange: onChange, checked: checked, size: "large" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, __assign({ htmlFor: "insuranceCheckbox", "$size": size }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: "Tamamlarsin" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Description, __assign({ "$size": size, htmlFor: "insuranceCheckbox" }, { children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { type: "wave" }) : (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: "Hasar g\u00FCvenceni %100\u2019e ".concat(isTitleWrap ? "<br/>" : '', "tamamlars\u0131n! <b>").concat(priceText, "</b>") } }) })), (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "nothing" }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ popupSize: popupSize, title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: true, popupWidth: popupWidth, popupRight: popupRight, iconWidth: "24px", iconHeight: "24px" }, { children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: insuranceText })) })) }))] }))] }))] })));
 };
 exports.default = InsuranceBox;

package/dist/components/Tooltip/Tooltip.styled.js

@@ -59,5 +59,5 @@ exports.Popup = styled_components_1.default.div(templateObject_6 || (templateObj
             return "\n          left: 50%;\n          bottom: calc(100% + 10px);\n          transform: translateX(-50%);\n        ";
     }
 }, devices_1.devices.xl, function (props) { return props.$popupRight || props.$popupRightSm || "-1.5rem"; });
-exports.PopupWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: ", ";\n  height: 100%;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: ", ";\n  height: 100%;\n"])), function (props) { return props.$iconWidth ? props.$iconWidth : "16px"; });
+exports.PopupWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: ", ";\n  height: 100%;\n  user-select: none;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: ", ";\n  height: 100%;\n  user-select: none;\n  pointer-events: none;\n"])), function (props) { return props.$iconWidth ? props.$iconWidth : "16px"; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.17.54",
+  "version": "2.17.56",
   "files": [
     "dist"
   ],