krl-alfred 1.76.14 → 1.76.16
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.
|
@@ -19,7 +19,7 @@ var CampaignCard_styled_1 = require("./CampaignCard.styled");
|
|
|
19
19
|
var Badges_1 = __importDefault(require("../Badges"));
|
|
20
20
|
var InlineProgress_1 = __importDefault(require("../InlineProgress"));
|
|
21
21
|
var CampaignCard = function (props) {
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(CampaignCard_styled_1.CampaignCardStyled, __assign({}, props, { children: [props.hasDelivery && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "belt", title: props === null || props === void 0 ? void 0 : props.deliveryText }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: props.image })), (0, jsx_runtime_1.jsx)("strong",
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(CampaignCard_styled_1.CampaignCardStyled, __assign({}, props, { children: [props.hasDelivery && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "belt", title: props === null || props === void 0 ? void 0 : props.deliveryText }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: props.image })), (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: props === null || props === void 0 ? void 0 : props.title } }), (props === null || props === void 0 ? void 0 : props.progressTitle) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "progressTitle" }, { children: props === null || props === void 0 ? void 0 : props.progressTitle })), !(props === null || props === void 0 ? void 0 : props.isProgressComplete) && (props === null || props === void 0 ? void 0 : props.activeStep) > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "progressBar" }, { children: (0, jsx_runtime_1.jsx)(InlineProgress_1.default, { activeStep: props === null || props === void 0 ? void 0 : props.activeStep, totalStep: props === null || props === void 0 ? void 0 : props.totalStep }) })))] })));
|
|
23
23
|
};
|
|
24
24
|
CampaignCard.defaultProps = {};
|
|
25
25
|
exports.default = CampaignCard;
|
|
@@ -35,7 +35,7 @@ exports.Default = {
|
|
|
35
35
|
isProgressComplete: false,
|
|
36
36
|
activeStep: 2,
|
|
37
37
|
totalStep: 5,
|
|
38
|
-
title: "
|
|
38
|
+
title: "After four rentals, your fifth rental is 15% off 😎",
|
|
39
39
|
progressTitle: "Kazancın %10 indirim",
|
|
40
40
|
image: (0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "test" })
|
|
41
41
|
},
|
|
@@ -32,12 +32,14 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
32
32
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
33
33
|
var TextLink_1 = __importDefault(require("../TextLink"));
|
|
34
34
|
var react_number_format_1 = require("react-number-format");
|
|
35
|
+
var react_i18next_1 = require("react-i18next");
|
|
35
36
|
var Input = function (props) {
|
|
36
37
|
var _a;
|
|
37
38
|
var type = props.type, other = __rest(props, ["type"]);
|
|
38
39
|
var _b = (0, react_1.useState)(type), inputType = _b[0], setInputType = _b[1];
|
|
39
40
|
var _c = (0, react_1.useState)(false), alert = _c[0], setAlert = _c[1];
|
|
40
41
|
var inputRef = (0, react_1.useRef)(null);
|
|
42
|
+
var t = (0, react_i18next_1.useTranslation)().t;
|
|
41
43
|
(0, react_1.useEffect)(function () {
|
|
42
44
|
setInputType(type);
|
|
43
45
|
}, [type]);
|
|
@@ -59,7 +61,7 @@ var Input = function (props) {
|
|
|
59
61
|
inputRef.current.blur();
|
|
60
62
|
};
|
|
61
63
|
return (0, jsx_runtime_1.jsxs)(Input_styled_1.Container, __assign({ width: props.width }, { children: [(props === null || props === void 0 ? void 0 : props.label) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)("top", (_a = {}, _a["justify-between"] = props === null || props === void 0 ? void 0 : props.customLinkText, _a)) }, { children: [(0, jsx_runtime_1.jsx)("p", { children: props === null || props === void 0 ? void 0 : props.label }), (props === null || props === void 0 ? void 0 : props.customLinkText) && (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({}, (props.customLinkHref && { href: props.customLinkHref }), { onClick: props.onCustomLinkClick }, { children: props === null || props === void 0 ? void 0 : props.customLinkText }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "input" }, { children: [(props.mask && props.format) ? ((0, jsx_runtime_1.jsx)(react_number_format_1.PatternFormat, __assign({}, props, { format: props.format, mask: props.mask, customInput: Input_styled_1.InputStyled })))
|
|
62
|
-
: ((0, jsx_runtime_1.jsx)(Input_styled_1.InputStyled, __assign({ ref: inputRef, type: inputType }, other))), (props === null || props === void 0 ? void 0 : props.type) === 'password' && (0, jsx_runtime_1.jsx)("div", __assign({ onClick: toggleInputType, className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--dark-opacity-50)", name: inputType === 'password' ? 'Show' : 'Hide' }) })), (props === null || props === void 0 ? void 0 : props.hasCopyButton) && (0, jsx_runtime_1.jsx)("div", __assign({ onClick: copyToClipboard, className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: 'Copy' }) })), (0, jsx_runtime_1.jsx)(Input_styled_1.AlertStyled, __assign({ visible: alert }, { children:
|
|
64
|
+
: ((0, jsx_runtime_1.jsx)(Input_styled_1.InputStyled, __assign({ ref: inputRef, type: inputType }, other))), (props === null || props === void 0 ? void 0 : props.type) === 'password' && (0, jsx_runtime_1.jsx)("div", __assign({ onClick: toggleInputType, className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--dark-opacity-50)", name: inputType === 'password' ? 'Show' : 'Hide' }) })), (props === null || props === void 0 ? void 0 : props.hasCopyButton) && (0, jsx_runtime_1.jsx)("div", __assign({ onClick: copyToClipboard, className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: 'Copy' }) })), (0, jsx_runtime_1.jsx)(Input_styled_1.AlertStyled, __assign({ visible: alert }, { children: t('copied') }))] })), (props === null || props === void 0 ? void 0 : props.hasError) && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: props === null || props === void 0 ? void 0 : props.errorMessage })] }))] }));
|
|
63
65
|
};
|
|
64
66
|
Input.defaultValues = {
|
|
65
67
|
hasError: false,
|