react-gldn-kit 0.1.13 → 0.1.14

package/dist/lib/components/LastBigWinners/index.js

@@ -116,7 +116,7 @@ var LastBigWinners = function (props) {
     }
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBox, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.hiddenBox, ref: wrapperHiddenBox, style: {
                 // Notice +8 only for styling
-                transform: "translateX(calc(var(--big-win-winner-card-size) * ".concat(-activePosition, " - (var(--indent-base-half) * ").concat(activePosition, ") + 8px))"),
+                transform: "translateX(calc(var(--big-win-winner-card-size) * ".concat(-activePosition, " - (var(--indent-m) / 2 * ").concat(activePosition, ") + 8px))"),
             } }, { children: [lastGames.map(function (i, inx) { return ((0, react_1.createElement)(LastBigWinner_1.default, __assign({}, i, { handleClick: handleClick, key: "".concat(i.id, "_").concat(inx, "_").concat(i.prize), classes: (0, classnames_1.default)(classesCard, styles.marginLeft) }))); }), lastGames.map(function (i, inx) { return ((0, jsx_runtime_1.jsx)(LastBigWinner_1.default, { isLoading: true, classes: (0, classnames_1.default)(classesCard, styles.marginLeft) }, "".concat(i.id, "_loading_").concat(i.prize, "_").concat(inx))); })] })) })));
 };
 exports.LastBigWinners = LastBigWinners;

package/dist/lib/components/Layouts/ModalLayout/index.js

@@ -45,8 +45,8 @@ var PortalLayout_1 = require("../PortalLayout");
 var ModalContent_1 = require("./component/ModalContent");
 var styles = __importStar(require("./ModalLayout.module.css"));
 var ModalLayout = function (props) {
-    var children = props.children, classes = props.classes, modalClasses = props.modalClasses, popUpHeaderProps = props.popUpHeaderProps, closeCallback = props.closeCallback;
+    var children = props.children, classes = props.classes, popUpHeaderProps = props.popUpHeaderProps, closeCallback = props.closeCallback;
     var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton;
-    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes, closeCallback: closeCallback }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, __assign({ classes: modalClasses }, { children: children }))] })) })));
+    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes, closeCallback: closeCallback }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperModalLayout }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, { children: children })] })) })));
 };
 exports.ModalLayout = ModalLayout;

package/dist/lib/components/Layouts/ModalLayout/types.d.ts

@@ -3,7 +3,6 @@ import { PopUpHeaderProps } from 'components/ui/Headers/PopUpHeader/types';
 export type ModalLayoutProps = {
     children: React.ReactElement;
     classes?: string;
-    modalClasses?: string;
     popUpHeaderProps?: PopUpHeaderProps;
     closeCallback?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };

package/dist/lib/components/Modals/Alert/index.js

@@ -111,7 +111,6 @@ var Credentials = (0, react_1.lazy)(function () { return __awaiter(void 0, void
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
-var OneStepPrize_1 = __importDefault(require("./components/OneStepPrize"));
 var styles = __importStar(require("./Alert.module.css"));
 var Alerts = function (props) {
     var _a;
@@ -140,8 +139,6 @@ var Alerts = function (props) {
                 return ((0, jsx_runtime_1.jsx)(SignIn, { sendCommand: sendCommand }));
             case types_1.EModalTypes.Credentials:
                 return (0, jsx_runtime_1.jsx)(Credentials, { sendCommand: sendCommand });
-            case types_1.EModalTypes.Prize:
-                return (0, jsx_runtime_1.jsx)(OneStepPrize_1.default, {});
             default:
                 return null;
         }
@@ -179,6 +176,6 @@ var Alerts = function (props) {
             // [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
             _a[styles.animationFadeIn] = isActiveModal,
             _a[styles.animationFadeOutModal] = isCloseModal,
-            _a)), modalClasses: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
+            _a)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
 };
 exports.Alerts = Alerts;

package/dist/lib/components/Wheel/index.js

@@ -123,10 +123,10 @@ var Wheel = function (props) {
                             position: 'absolute',
                             zIndex: Number(!activeBorder),
                         } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.disk, 'KIT_Wheel_wrapper_content_disk', (_a = {},
-                            _a[styles.spinning] = isSpin,
+                            _a[styles.spinning] = isSpin && !customSpinningAnimation,
                             _a[customSpinningAnimation] = isSpin,
                             _a), classesWheel), style: {
                             animationDuration: "".concat(customTime, "ms"),
-                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: wheelContentPath, className: styles.wheelContentImg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.list, wheelTextColor) }, { children: list.map(function (l, inx) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, styles === null || styles === void 0 ? void 0 : styles["item".concat(inx + 1)]) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textBold }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) }))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, classesButton), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: styles.bntText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)("img", { src: isSpin ? wheelButtonHoverPath : wheelButtonPath, className: styles.btnImg })] })), (0, jsx_runtime_1.jsx)("img", { src: slotNamePath, className: (0, classnames_1.default)(styles.slotName, classesSlotName) })] }))] })));
+                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: wheelContentPath, className: styles.wheelContentImg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.list, wheelTextColor, 'KIT_Wheel_wrapper_content_disk_list') }, { children: list.map(function (l, inx) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, styles === null || styles === void 0 ? void 0 : styles["item".concat(inx + 1)], 'KIT_Wheel_wrapper_content_disk_list_item') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textBold }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) }))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, classesButton, 'KIT_Wheel_wrapper_content_disk_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: styles.bntText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)("img", { src: isSpin ? wheelButtonHoverPath : wheelButtonPath, className: styles.btnImg })] })), (0, jsx_runtime_1.jsx)("img", { src: slotNamePath, className: (0, classnames_1.default)(styles.slotName, classesSlotName) })] }))] })));
 };
 exports.Wheel = Wheel;

package/dist/lib/components/Wheel/types.d.ts

@@ -14,34 +14,42 @@ export type WheelProps = {
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         },
         {
             bold: string;
             regular: string;
+            modified?: string;
         }
     ];
     wheelTextColor?: string;