react-gldn-kit 0.0.1

package/dist/lib/components/SignUp/CountrySelector/index.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectorProps } from './types';
+export declare const CountrySelector: (props: CountrySelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/SignUp/CountrySelector/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CountrySelector = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Selector_1 = require("components/ui/Selector");
+var constants_1 = require("./constants");
+var CountrySelector = function (props) {
+    var classes = props.classes, activeCountryId = props.activeCountryId, countryInfo = props.countryInfo, setActiveCountryId = props.setActiveCountryId, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a;
+    (0, react_1.useEffect)(function () {
+        if (activeCountryId || !countryInfo) {
+            return;
+        }
+        var isExist = constants_1.COUNTRY_MOCK.find(function (c) { return c.id === countryInfo.countryId; });
+        if (isExist) {
+            setActiveCountryId(countryInfo.countryId);
+            return;
+        }
+        setActiveCountryId(constants_1.COUNTRY_MOCK[0].id);
+    }, [activeCountryId, countryInfo]);
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { size: "full", classes: classes, activeId: activeCountryId, handleClick: setActiveCountryId, placeholder: translateKey, data: constants_1.COUNTRY_MOCK }));
+};
+exports.CountrySelector = CountrySelector;

package/dist/lib/components/SignUp/CountrySelector/types.d.ts

@@ -0,0 +1,10 @@
+export type CountrySelectorProps = {
+    classes?: string;
+    activeCountryId: number | null;
+    setActiveCountryId: (c: number | null) => void;
+    translateKey?: string;
+    countryInfo: {
+        countryId: number;
+        currencyIds: number[];
+    } | null;
+};

package/dist/lib/components/SignUp/CountrySelector/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/SignUp/CurrencySelector/index.d.ts

@@ -0,0 +1,2 @@
+import { CurrencySelectorProps } from './types';
+export declare const CurrencySelector: (props: CurrencySelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/SignUp/CurrencySelector/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencySelector = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Selector_1 = require("components/ui/Selector");
+var CurrencySelector = function (props) {
+    var classes = props.classes, activeCurrencyId = props.activeCurrencyId, availableCurrencies = props.availableCurrencies, setActiveCurrencyId = props.setActiveCurrencyId, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.currency' : _a;
+    (0, react_1.useEffect)(function () {
+        if (activeCurrencyId || !countryInfo) {
+            return;
+        }
+        var isExist = availableCurrencies.find(function (c) {
+            return countryInfo.currencyIds.includes(c.id);
+        });
+        if (isExist) {
+            setActiveCurrencyId(countryInfo.currencyIds[0]);
+            return;
+        }
+        if (!availableCurrencies[0]) {
+            return;
+        }
+        setActiveCurrencyId(availableCurrencies[0].id);
+    }, [availableCurrencies, activeCurrencyId, countryInfo]);
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: classes, size: "full", placeholder: translateKey, handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies }));
+};
+exports.CurrencySelector = CurrencySelector;

package/dist/lib/components/SignUp/CurrencySelector/types.d.ts

@@ -0,0 +1,11 @@
+export type CurrencySelectorProps = {
+    classes?: string;
+    activeCurrencyId: number | null;
+    availableCurrencies: any[];
+    translateKey?: string;
+    setActiveCurrencyId: (c: number | null) => void;
+    countryInfo: {
+        countryId: number;
+        currencyIds: number[];
+    } | null;
+};

package/dist/lib/components/SignUp/CurrencySelector/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/SignUp/DocsCheckBox/index.d.ts

@@ -0,0 +1,9 @@
+type DocsCheckBoxProps = {
+    terms: boolean;
+    age: boolean;
+    translatesKeys?: [string, string];
+    handleOpenDoc?: () => void;
+    handleToggleState: (s: 'terms' | 'age') => (d: boolean) => void;
+};
+export declare const DocsCheckBox: (props: DocsCheckBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/SignUp/DocsCheckBox/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocsCheckBox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// import { CheckBox } from 'decryption_component-kit';
+// import { useTranslate } from 'decryption_component-kit';
+var CheckBox_1 = require("components/ui/Inputs/CheckBox");
+var styles = __importStar(require("./Docs.module.css"));
+var DocsCheckBox = function (props) {
+    var age = props.age, terms = props.terms, handleToggleState = props.handleToggleState, handleOpenDoc = props.handleOpenDoc, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
+        'registrations.termsAndConditions',
+        'registrations.ageConfirm',
+    ] : _a;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState('terms'), text: translatesKeys[0], classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }), (0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: age, onChange: handleToggleState('age'), text: translatesKeys[1], classes: styles.checkbox })] }));
+};
+exports.DocsCheckBox = DocsCheckBox;

package/dist/lib/components/SignUp/OneClick/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const BASE_TRANSLATE_KEYS: {
+    loading: string;
+    registrationBtn: string;
+    terms: string;
+    age: string;
+    promoCode: string;
+    promoCodeTitle: string;
+    countryTitle: string;
+    currencyTitle: string;
+};

package/dist/lib/components/SignUp/OneClick/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_TRANSLATE_KEYS = void 0;
+exports.BASE_TRANSLATE_KEYS = {
+    loading: 'loading',
+    registrationBtn: 'registrations.submitBtn',
+    terms: 'registrations.termsAndConditions',
+    age: 'registrations.ageConfirm',
+    promoCode: 'registrations.promoCode.placeholder',
+    promoCodeTitle: 'registrations.promoCode.openPromoCodeTitle',
+    countryTitle: 'registrations.selectors.country',
+    currencyTitle: 'registrations.selectors.currency',
+};

package/dist/lib/components/SignUp/OneClick/index.d.ts

@@ -0,0 +1,31 @@
+import { CurrencySelectorProps } from '../CurrencySelector/types';
+import { CountrySelectorProps } from '../CountrySelector/types';
+type OneClickProps = {
+    isSelected: boolean;
+    activeCountryId: number | null;
+    activeCurrencyId: number | null;
+    activeLang: string | undefined;
+    docs: {
+        [order: string]: {
+            link: string;
+            translateKey: string;
+        };
+    };
+    handleSubmit: (promoCode: string) => void;
+    isAvailableTransport: boolean;
+    isLoading?: boolean;
+    currencyProps: CurrencySelectorProps;
+    countryProps: CountrySelectorProps;
+    translates?: {
+        loading: string;
+        registrationBtn: string;
+        terms: string;
+        age: string;
+        promoCode: string;
+        promoCodeTitle: string;
+        countryTitle: string;
+        currencyTitle: string;
+    };
+};
+export declare const OneClick: (props: OneClickProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/SignUp/OneClick/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OneClick = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var CurrencySelector_1 = require("../CurrencySelector");
+var CountrySelector_1 = require("../CountrySelector");
+var DocsCheckBox_1 = require("../DocsCheckBox");
+var PromoCode_1 = require("../PromoCode");
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./OneClick.module.css"));
+var constants_1 = require("./constants");
+var OneClick = function (props) {
+    var isSelected = props.isSelected, activeCountryId = props.activeCountryId, handleSubmit = props.handleSubmit, activeCurrencyId = props.activeCurrencyId, isAvailableTransport = props.isAvailableTransport, activeLang = props.activeLang, docs = props.docs, currencyProps = props.currencyProps, countryProps = props.countryProps, _a = props.isLoading, isLoading = _a === void 0 ? false : _a, _b = props.translates, translates = _b === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _b;
+    var _c = (0, react_1.useState)(isSelected), terms = _c[0], setTermsState = _c[1];
+    var _d = (0, react_1.useState)(isSelected), age = _d[0], setAgeState = _d[1];
+    var _e = (0, react_1.useState)(''), promoCode = _e[0], setPromoCode = _e[1];
+    var handleRegistration = function () {
+        if (!activeCurrencyId || !activeCountryId || !age || !terms) {
+            return;
+        }
+        handleSubmit(promoCode);
+    };
+    var handleToggleState = function (name) { return function () {
+        var toggleFn = name === 'terms' ? setTermsState : setAgeState;
+        var oldState = name === 'terms' ? terms : age;
+        toggleFn(!oldState);
+    }; };
+    var handleOpenDoc = function () {
+        var _a;
+        if (!activeLang) {
+            return;
+        }
+        // TODO terms
+        var link = (_a = docs[1]) === null || _a === void 0 ? void 0 : _a.link.replace('[lang]', activeLang);
+        if (!link) {
+            return;
+        }
+        window.open(link);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fullWidth }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, __assign({}, currencyProps, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(currencyProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, countryProps, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(countryProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, translatesKeys: [translates.terms, translates.age], handleToggleState: handleToggleState }), isLoading ? ((0, jsx_runtime_1.jsx)("div", __assign({ style: { height: 'var(--height-48)' } }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translates.loading }) }))) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: translates.registrationBtn, disabled: !activeCurrencyId ||
+                    !activeCountryId ||
+                    !isAvailableTransport ||
+                    !age ||
+                    !terms, color: "primary", handleClick: handleRegistration, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }))] })));
+};
+exports.OneClick = OneClick;

package/dist/lib/components/SignUp/PromoCode/index.d.ts

@@ -0,0 +1,2 @@
+import { RegistrationPromoCodeProps } from './types';
+export declare const RegistrationPromoCode: (props: RegistrationPromoCodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/SignUp/PromoCode/index.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegistrationPromoCode = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var styles = __importStar(require("./PromoCode.module.css"));
+var Text_1 = require("components/Text");
+var RegistrationPromoCode = function (props) {
+    var setPromoCode = props.setPromoCode, referralCode = props.referralCode, classes = props.classes, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
+        'registrations.promoCode.openPromoCodeTitle',
+        'registrations.promoCode.placeholder',
+    ] : _a;
+    var _b = (0, react_1.useState)(false), isShownPromoCode = _b[0], setPromoCodeState = _b[1];
+    var handleShowPromoCode = function () {
+        setPromoCodeState(!isShownPromoCode);
+    };
+    (0, react_1.useEffect)(function () {
+        if (!referralCode) {
+            return;
+        }
+        setPromoCode("ref_code::".concat(referralCode));
+    }, []);
+    if (referralCode) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginB })) })));
+};
+exports.RegistrationPromoCode = RegistrationPromoCode;

package/dist/lib/components/SignUp/PromoCode/types.d.ts

@@ -0,0 +1,6 @@
+export type RegistrationPromoCodeProps = {
+    setPromoCode: (v: string) => void;
+    referralCode?: string;
+    classes?: string;
+    translatesKeys?: [string, string];
+};

package/dist/lib/components/SignUp/PromoCode/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,6 @@
+type Props = {
+    idT: string;
+    specValue?: string;
+};
+export declare const Text: ({ idT, specValue }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useTranslate_1 = require("hooks/useTranslate");
+var Text = function (_a) {
+    var idT = _a.idT, _b = _a.specValue, specValue = _b === void 0 ? '' : _b;
+    var name = (0, useTranslate_1.useTranslate)(idT, specValue).name;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: name });
+};
+exports.Text = Text;

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

@@ -0,0 +1,2 @@
+import { WheelProps } from './types';
+export declare const Wheel: (props: WheelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,131 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wheel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./Wheel.module.css"));
+var Wheel = function (props) {
+    var _a;
+    var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _b = props.customTime, customTime = _b === void 0 ? 6000 : _b, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation;
+    var audio = new Audio(audioPath);
+    var contentRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(0), height = _c[0], setHeight = _c[1];
+    var _d = (0, react_1.useState)(false), isSpin = _d[0], setSpinState = _d[1];
+    var _e = (0, react_1.useState)(false), isAnimateBorderBg = _e[0], setAnimateBorderBgStatus = _e[1];
+    var timer = (0, react_1.useRef)(null);
+    var _f = (0, react_1.useState)(0), activeBorder = _f[0], setActiveBorder = _f[1];
+    var handleSpin = function () {
+        var _a;
+        if (isSpin) {
+            callbackSpinEnd();
+            return;
+        }
+        if (audio.src) {
+            var wheelSpinInSeconds = customTime / 1000;
+            var startTime = audio.duration - wheelSpinInSeconds;
+            var WIN_SOUND_DURATION = 3.5;
+            audio.currentTime = startTime - WIN_SOUND_DURATION;
+            (_a = audio.play) === null || _a === void 0 ? void 0 : _a.call(audio);
+        }
+        setSpinState(true);
+        callbackSpinStart === null || callbackSpinStart === void 0 ? void 0 : callbackSpinStart();
+        setTimeout(function () {
+            callbackSpinEnd();
+        }, customTime);
+    };
+    (0, react_1.useLayoutEffect)(function () {
+        if (!contentRef.current) {
+            return;
+        }
+        var width = contentRef.current.offsetWidth;
+        setHeight(width);
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (borderWheelPath.length < 1) {
+            return;
+        }
+        setAnimateBorderBgStatus(true);
+    }, [borderWheelPath]);
+    (0, react_1.useEffect)(function () {
+        if (!isAnimateBorderBg || borderWheelPath.length <= 1) {
+            return function () {
+                if (timer.current) {
+                    clearTimeout(timer.current);
+                }
+            };
+        }
+        setTimeout(function () {
+            setActiveBorder(Number(!activeBorder));
+        }, 500);
+        return function () {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        };
+    }, [isAnimateBorderBg, activeBorder]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wheelWrapper, ref: contentRef }, { children: [(0, jsx_runtime_1.jsx)("img", { src: pointerPath, className: (0, classnames_1.default)(styles.pointer, classesPointer) }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content, style: {
+                    height: height,
+                } }, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.content, classesBorder), style: {
+                            background: "url(".concat(borderWheelPath[1], ")"),
+                            backgroundSize: 'contain',
+                            backgroundRepeat: 'no-repeat',
+                            height: height,
+                            left: 0,
+                            top: 0,
+                            position: 'absolute',
+                            zIndex: activeBorder,
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.content, classesBorder), style: {
+                            background: "url(".concat(borderWheelPath[0], ")"),
+                            backgroundSize: 'contain',
+                            backgroundRepeat: 'no-repeat',
+                            height: height,
+                            left: 0,
+                            top: 0,
+                            position: 'absolute',
+                            zIndex: Number(!activeBorder),
+                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.disk, (_a = {},
+                            _a[styles.spinning] = isSpin,
+                            _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: l.bold })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: 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: 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

@@ -0,0 +1,54 @@
+export type WheelProps = {
+    borderWheelPath: [string] | [string, string];
+    wheelContentPath: string;
+    wheelButtonPath: string;
+    wheelButtonHoverPath: string;
+    pointerPath: string;
+    slotNamePath: string;
+    btnText: string;
+    customTime?: number;
+    audioPath?: string;
+    callbackSpinStart?: () => void;
+    callbackSpinEnd: () => void;
+    list: [
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        },
+        {
+            bold: string;
+            regular: string;
+        }
+    ];
+    wheelTextColor?: string;
+    classesBorder?: string;
+    classesPointer?: string;
+    classesWheel?: string;
+    classesButton?: string;
+    classesSlotName?: string;
+    customSpinningAnimation?: string;
+};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/AccordionGroup/Accordion.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type Props = {
+    title: string;
+    startIcon?: React.ReactElement;
+    data: string[];
+    classes?: string;
+    titleClasses?: string;
+    disabledDots?: boolean;
+    handleClick?: (inx: number) => void;
+    setOpenState?: () => void;
+} & ({
+    isGroup: true;
+    callbackOpenState: () => void;
+    isOpenedByGroup: boolean;
+} | {
+    isGroup?: false;
+    callbackOpenState?: undefined;
+    isOpenedByGroup?: undefined;
+});
+declare const Accordion: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;