react-gldn-kit 0.1.161 → 0.1.164

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

@@ -41,6 +41,7 @@ exports.Banners = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var embla_carousel_react_1 = __importDefault(require("embla-carousel-react"));
+var embla_carousel_autoplay_1 = __importDefault(require("embla-carousel-autoplay"));
 var classnames_1 = __importDefault(require("classnames"));
 var Image_1 = require("components/ui/Image");
 var Text_1 = require("components/Text");
@@ -49,10 +50,10 @@ var types_1 = require("./types");
 var types_2 = require("service/ui/types");
 var styles = __importStar(require("./Banners.module.css"));
 var Banners = function (props) {
-    var banners = props.banners, options = props.options, handleClick = props.handleClick, classes = props.classes, imageClasses = props.imageClasses;
-    var _a = (options || {}).isProgress, isProgress = _a === void 0 ? false : _a;
-    var _b = (0, embla_carousel_react_1.default)(options), emblaRef = _b[0], emblaApi = _b[1];
-    var _c = (0, react_1.useState)(0), activeBannerIdx = _c[0], setActiveBannerIdx = _c[1];
+    var banners = props.banners, options = props.options, handleClick = props.handleClick, classes = props.classes, imageClasses = props.imageClasses, isAutoPlay = props.isAutoPlay, _a = props.delay, delay = _a === void 0 ? 5000 : _a;
+    var _b = (options || {}).isProgress, isProgress = _b === void 0 ? false : _b;
+    var _c = (0, embla_carousel_react_1.default)(options, isAutoPlay ? [(0, embla_carousel_autoplay_1.default)({ delay: delay, stopOnInteraction: false })] : []), emblaRef = _c[0], emblaApi = _c[1];
+    var _d = (0, react_1.useState)(0), activeBannerIdx = _d[0], setActiveBannerIdx = _d[1];
     var onScroll = (0, react_1.useCallback)(function (emblaApi) {
         setActiveBannerIdx(emblaApi.selectedScrollSnap());
     }, []);

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

@@ -21,6 +21,8 @@ export type BannerProps = {
     isMobile: boolean;
     classes?: string;
     imageClasses?: string;
+    isAutoPlay?: boolean;
+    delay?: number;
 };
 export declare enum EBackgroundSliderType {
     Half = 0,

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

@@ -268,7 +268,8 @@ var Alerts = function (props) {
     }, [modalType, oldModalType]);
     var isXACTheme = types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
         types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
-        types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple;
+        types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple ||
+        types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.SecondaryYellow;
     // TODO OPTIMIZE
     return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign(__assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
                 ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose, isHidden: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.isHidden }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},

package/dist/main.css

@@ -4136,7 +4136,7 @@
   overflow: hidden;
   border-radius: var(--border-m);
   background: var(--background-bonus-card);
-  border: 2px solid var(--border-color-gray);
+  border: var(--bonus-card-border);
 
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.161",
+  "version": "0.1.164",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -9,7 +9,7 @@
   "scripts": {
     "build:types": "rm -rf ./dist/lib && tsc --build tsconfig.json",
     "dev": "npm run build:types && webpack --watch",
-    "build": "rm -rf dist && npm run add:react && npm run build:types &&  webpack --mode=production --node-env=production",
+    "build": "rm -rf dist && npm run add:react:second && npm run build:types &&  webpack --mode=production --node-env=production",
     "publish": "npm i && npm run build && npm publish",
     "clear": "sudo rm -rf node_modules && npm i",
     "add:react": "npm link ../../betendy-tech/betendy-tech/node_modules/react ../../betendy-tech/betendy-tech/node_modules/@types/react ../../betendy-tech/betendy-tech/node_modules/classnames ../../betendy-tech/betendy-tech/node_modules/react-dom ../../betendy-tech/betendy-tech/node_modules/@types/react-dom ../../betendy-tech/betendy-tech/node_modules/react-memory-optimization",
@@ -44,7 +44,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
-    "react-render-hooks": "^0.0.121",
+    "react-render-hooks": "^0.0.123",
     "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",
@@ -63,6 +63,7 @@
   },
   "dependencies": {
     "@react-oauth/google": "^0.12.2",
+    "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
     "html-react-parser": "^5.1.12",
     "react-hotjar": "^6.3.1",