krp-react-form-component
Version:
KRP React Component for Form Preview Component
68 lines (67 loc) • 3.75 kB
JavaScript
"use strict";
require("core-js/modules/es.weak-map.js");
require("core-js/modules/web.dom-collections.iterator.js");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("core-js/modules/esnext.iterator.constructor.js");
require("core-js/modules/esnext.iterator.filter.js");
require("core-js/modules/esnext.iterator.map.js");
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _AppContext = require("../../../../context/AppContext");
var _SelectionContext = require("../../../../context/SelectionContext");
var _Constants = require("../../../../constants/Constants");
require("./SelectRewardPage.scss");
var _antd = require("antd");
var _RewardCard = _interopRequireDefault(require("../Card/RewardCard/RewardCard"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const SelectRewardPage = _ref => {
let {
selectionOffer
} = _ref;
const {
mode,
resolveLocale,
locale,
appOnSelectReward
} = (0, _react.useContext)(_AppContext.AppContext);
(0, _react.useContext)(_SelectionContext.SelectionContext);
return /*#__PURE__*/_react.default.createElement("div", {
className: "SelectRewardPage " + mode
}, /*#__PURE__*/_react.default.createElement("div", {
className: "reward-content"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "reward-header"
}, resolveLocale("REWARD_HEADER")), /*#__PURE__*/_react.default.createElement("div", {
className: "reward-header-description"
}, resolveLocale("REWARD_HEADER_DESCRIPTION")), selectionOffer.filter(offer => offer.reward && offer.reward.length !== 0).map((offer, index) => {
var _offer$reward;
return /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
onChange: data => {
appOnSelectReward(index, data, offer);
},
key: offer.name,
className: "reward-space"
}, index !== 0 && /*#__PURE__*/_react.default.createElement("div", {
className: "reward-divider header"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "reward-name"
}, offer.type === "promotion_offer" ? locale === _Constants.CONSTANTS.EN ? offer.promotion_name_remark_en : offer.promotion_name_remark_th : locale === _Constants.CONSTANTS.EN ? offer.product_name_remark_en : offer.product_name_remark_th), /*#__PURE__*/_react.default.createElement("div", {
className: "reward-annotation"
}, resolveLocale("REWARD_ANNOTATION")), /*#__PURE__*/_react.default.createElement("div", {
className: "reward-body"
}, (_offer$reward = offer.reward) === null || _offer$reward === void 0 ? void 0 : _offer$reward.map((reward, index) => /*#__PURE__*/_react.default.createElement(_RewardCard.default, {
key: (reward.name || reward.reward_id) + offer.name,
reward: reward,
index: index
}))));
})));
};
SelectRewardPage.propTypes = {
rewardData: _propTypes.default.array,
selectionOffer: _propTypes.default.array
};
var _default = exports.default = SelectRewardPage;