react-gldn-kit 0.1.131 → 0.1.133

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

@@ -1,2 +1,6 @@
 import { BannerProps } from './types';
-export declare const Banners: (props: BannerProps) => import("react/jsx-runtime").JSX.Element;
+import { EComponentIDs } from 'service/ui/types';
+export declare const Banners: {
+    (props: BannerProps): import("react/jsx-runtime").JSX.Element;
+    id: EComponentIDs;
+};

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

@@ -47,6 +47,7 @@ var Text_1 = require("components/Text");
 var Buttons_1 = require("components/ui/Buttons");
 var types_1 = require("./types");
 var styles = __importStar(require("./Banners.module.css"));
+var types_2 = require("service/ui/types");
 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;
@@ -71,14 +72,15 @@ var Banners = function (props) {
     }
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.embla, classes) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaViewport, ref: emblaRef }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaContainer }, { children: banners.map(function (adaptedBanner, index) {
                             var _a;
-                            var _b = adaptedBanner.bannerViewType, bannerViewType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses, path = adaptedBanner.path, buttonClasses = adaptedBanner.buttonClasses, buttonTextClasses = adaptedBanner.buttonTextClasses;
+                            var _b = adaptedBanner.bannerViewType, bannerViewType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses, path = adaptedBanner.path, buttonClasses = adaptedBanner.buttonClasses, buttonTextClasses = adaptedBanner.buttonTextClasses, size = adaptedBanner.size;
                             var _c = adaptedBanner.buttonText, buttonText = _c === void 0 ? '' : _c;
                             return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.emblaSlide, (_a = {},
                                     _a[styles.half] = bannerViewType === types_1.EBackgroundSliderType.Half,
                                     _a[styles.full] = bannerViewType === types_1.EBackgroundSliderType.Full,
-                                    _a)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent, onClick: !buttonText.trim()
+                                    _a)), style: { maxWidth: size && +size ? size : undefined } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent, onClick: !buttonText.trim()
                                         ? handleClick(adaptedBanner.id)
                                         : undefined }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContentText }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.text }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.subTitle }) }))] }), buttonText.trim() && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: adaptedBanner.buttonText, handleClick: handleClick(adaptedBanner.id), size: "--button-xl", isResized: true, buttonHeight: "--button-height-l", color: "primary", centreText: true, classes: (0, classnames_1.default)(styles.bannerButton, buttonClasses), classesText: buttonTextClasses }))] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: path, classes: (0, classnames_1.default)(styles.image, imageClasses) })] })) }), index));
                         }) })) })) })), isProgress && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaProgress }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.emblaProgressBar, style: { transform: "translate3d(".concat(scrollProgress, "%,0px,0px)") } }) })))] }));
 };
 exports.Banners = Banners;
+exports.Banners.id = types_2.EComponentIDs.Banners;

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

@@ -10,6 +10,7 @@ export type BannerType = {
     subTitleClasses?: string;
     buttonClasses?: string;
     buttonTextClasses?: string;
+    size?: string | number;
 };
 export type BannerProps = {
     banners: BannerType[];

package/dist/lib/index.d.ts

@@ -263,3 +263,4 @@ import 'react-phone-number-input/style.css';
 import { useZustandRecoveryKitStore } from 'zustandStore/forms/recovery/store';
 import { zustandRecoveryKitSelectors } from 'zustandStore/forms/recovery/selectors';
 export { useHookProvider, HookProvider } from 'context/logic/ModalContext';
+export { getListOfComponentIDs, getComponentById, getComponentByKey, } from 'service/ui/controller';

package/dist/lib/index.js

@@ -8,7 +8,7 @@ exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTr
 exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.FireSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = void 0;
 exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.SecondWaitingSvg = exports.SecondSuccessSvg = exports.SecondErrorSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = void 0;
 exports.supportSelectors = exports.useZustandSupportKitStore = exports.useZustandCasinoSearchKitStore = exports.searchSelectors = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.zustandRecoveryKitSelectors = exports.useZustandRecoveryKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = void 0;
-exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = void 0;
+exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -567,3 +567,7 @@ Object.defineProperty(exports, "zustandRecoveryKitSelectors", { enumerable: true
 var ModalContext_1 = require("context/logic/ModalContext");
 Object.defineProperty(exports, "useHookProvider", { enumerable: true, get: function () { return ModalContext_1.useHookProvider; } });
 Object.defineProperty(exports, "HookProvider", { enumerable: true, get: function () { return ModalContext_1.HookProvider; } });
+var controller_1 = require("service/ui/controller");
+Object.defineProperty(exports, "getListOfComponentIDs", { enumerable: true, get: function () { return controller_1.getListOfComponentIDs; } });
+Object.defineProperty(exports, "getComponentById", { enumerable: true, get: function () { return controller_1.getComponentById; } });
+Object.defineProperty(exports, "getComponentByKey", { enumerable: true, get: function () { return controller_1.getComponentByKey; } });

package/dist/lib/service/ui/controller.d.ts

@@ -0,0 +1,30 @@
+import { EComponentIDs } from './types';
+export declare const getListOfComponentIDs: () => {
+    Banners: {
+        id: EComponentIDs;
+        Component: {
+            (props: import("../../components/Banners/types").BannerProps): import("react/jsx-runtime").JSX.Element;
+            id: EComponentIDs;
+        };
+        key: "Banners";
+        defaultProps: Partial<import("../../components/Banners/types").BannerProps>;
+    };
+};
+export declare const getComponentById: (id: EComponentIDs) => {
+    id: EComponentIDs;
+    Component: {
+        (props: import("../../components/Banners/types").BannerProps): import("react/jsx-runtime").JSX.Element;
+        id: EComponentIDs;
+    };
+    key: "Banners";
+    defaultProps: Partial<import("../../components/Banners/types").BannerProps>;
+};
+export declare const getComponentByKey: (key: keyof typeof EComponentIDs) => {
+    id: EComponentIDs;
+    Component: {
+        (props: import("../../components/Banners/types").BannerProps): import("react/jsx-runtime").JSX.Element;
+        id: EComponentIDs;
+    };
+    key: "Banners";
+    defaultProps: Partial<import("../../components/Banners/types").BannerProps>;
+};

package/dist/lib/service/ui/controller.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = void 0;
+var dictionaries_1 = require("./dictionaries");
+var getListOfComponentIDs = function () { return dictionaries_1.COMPONENT_IDS; };
+exports.getListOfComponentIDs = getListOfComponentIDs;
+var getComponentById = function (id) {
+    var list = Object.values((0, exports.getListOfComponentIDs)());
+    return list.find(function (item) { return item.id === id; }) || null;
+};
+exports.getComponentById = getComponentById;
+var getComponentByKey = function (key) {
+    var list = (0, exports.getListOfComponentIDs)();
+    return list[key] || null;
+};
+exports.getComponentByKey = getComponentByKey;

package/dist/lib/service/ui/dictionaries.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Banners } from 'components/Banners';
+import { EComponentIDs } from './types';
+type ComponentProps<T> = T extends React.FC<infer P> ? P : never;
+type ComponentEntry<T extends React.FC<any>> = {
+    id: EComponentIDs;
+    Component: T;
+    key: keyof typeof EComponentIDs;
+    defaultProps: Partial<ComponentProps<T>>;
+};
+export declare const COMPONENT_IDS: {
+    ['Banners']: ComponentEntry<typeof Banners>;
+};
+export {};

package/dist/lib/service/ui/dictionaries.js

@@ -0,0 +1,18 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_IDS = void 0;
+var Banners_1 = require("components/Banners");
+var types_1 = require("./types");
+exports.COMPONENT_IDS = (_a = {},
+    _a['Banners'] = {
+        id: types_1.EComponentIDs.Banners,
+        key: 'Banners',
+        Component: Banners_1.Banners,
+        defaultProps: {
+            banners: [],
+            handleClick: function (id) { return function () { }; },
+            isMobile: false,
+        },
+    },
+    _a);

package/dist/lib/service/ui/types.d.ts

@@ -0,0 +1,3 @@
+export declare enum EComponentIDs {
+    Banners = "banners"
+}

package/dist/lib/service/ui/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EComponentIDs = void 0;
+var EComponentIDs;
+(function (EComponentIDs) {
+    EComponentIDs["Banners"] = "banners";
+})(EComponentIDs = exports.EComponentIDs || (exports.EComponentIDs = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.131",
+  "version": "0.1.133",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -45,7 +45,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
-    "react-render-hooks": "^0.0.99",
+    "react-render-hooks": "^0.0.100",
     "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",