/*! elementor - v3.27.0 - 03-02-2025 */
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "../assets/dev/js/utils/react.js":
/*!***************************************!*\
!*** ../assets/dev/js/utils/react.js ***!
\***************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ "react-dom"));
var _client = __webpack_require__(/*! react-dom/client */ "../node_modules/react-dom/client.js");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/**
* Support conditional rendering of a React App to the DOM, based on the React version.
* We use `createRoot` when available, but fallback to `ReactDOM.render` for older versions.
*
* @param { React.ReactElement } app The app to render.
* @param { HTMLElement } domElement The DOM element to render the app into.
*
* @return {{ unmount: () => void }} The unmount function.
*/
function render(app, domElement) {
var unmountFunction;
try {
var root = (0, _client.createRoot)(domElement);
root.render(app);
unmountFunction = function unmountFunction() {
root.unmount();
};
} catch (e) {
// eslint-disable-next-line react/no-deprecated
ReactDOM.render(app, domElement);
unmountFunction = function unmountFunction() {
// eslint-disable-next-line react/no-deprecated
ReactDOM.unmountComponentAtNode(domElement);
};
}
return {
unmount: unmountFunction
};
}
var _default = exports["default"] = {
render: render
};
/***/ }),
/***/ "../modules/home/assets/js/components/addons-section.js":
/*!**************************************************************!*\
!*** ../modules/home/assets/js/components/addons-section.js ***!
\**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
var _Card = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Card */ "@elementor/ui/Card"));
var _CardActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardActions */ "@elementor/ui/CardActions"));
var _CardContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardContent */ "@elementor/ui/CardContent"));
var _CardMedia = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardMedia */ "@elementor/ui/CardMedia"));
var Addons = function Addons(_ref) {
var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
var domain = props.adminUrl.replace('wp-admin/', '');
var addonsArray = props.addonsData.repeater;
var cardsPerRow = 3 === addonsArray.length ? 3 : 2;
return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
elevation: 0,
sx: {
p: 3,
display: 'flex',
flexDirection: 'column',
gap: 2
}
}, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "h6"
}, props.addonsData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "body2",
color: "text.secondary"
}, props.addonsData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
sx: {
display: 'grid',
gridTemplateColumns: {
md: "repeat(".concat(cardsPerRow, ", 1fr)"),
xs: 'repeat(1, 1fr)'
},
gap: 2
}
}, addonsArray.map(function (item) {
var linkTarget = item.hasOwnProperty('target') ? item.target : '_blank';
return /*#__PURE__*/_react.default.createElement(_Card.default, {
key: item.title,
elevation: 0,
sx: {
display: 'flex',
border: 1,
borderRadius: 1,
borderColor: 'action.focus'
}
}, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
sx: {
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
gap: 3,
p: 3
}
}, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_CardMedia.default, {
image: item.image,
sx: {
height: '58px',
width: '58px',
mb: 2
}
}), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "subtitle2"
}, item.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "body2",
color: "text.secondary"
}, item.description))), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
sx: {
p: 0
}
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
variant: "outlined",
size: "small",
color: "promotion",
href: item.url,
target: linkTarget
}, item.button_label))));
})), /*#__PURE__*/_react.default.createElement(_Link.default, {
variant: "body2",
color: "info.main",
underline: "none",
href: "".concat(domain).concat(props.addonsData.footer.file_path)
}, props.addonsData.footer.label));
};
var _default = exports["default"] = Addons;
Addons.propTypes = {
addonsData: PropTypes.object.isRequired,
adminUrl: PropTypes.string.isRequired
};
/***/ }),
/***/ "../modules/home/assets/js/components/create-new-page-dialog.js":
/*!**********************************************************************!*\
!*** ../modules/home/assets/js/components/create-new-page-dialog.js ***!
\**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _DialogHeader = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeader */ "@elementor/ui/DialogHeader"));
var _DialogHeaderGroup = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeaderGroup */ "@elementor/ui/DialogHeaderGroup"));
var _DialogTitle = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogTitle */ "@elementor/ui/DialogTitle"));
var _DialogContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContent */ "@elementor/ui/DialogContent"));
var _DialogContentText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContentText */ "@elementor/ui/DialogContentText"));
var _TextField = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/TextField */ "@elementor/ui/TextField"));
var _DialogActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogActions */ "@elementor/ui/DialogActions"));
var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
var _Dialog = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Dialog */ "@elementor/ui/Dialog"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var CreateNewPageDialog = function CreateNewPageDialog(_ref) {
var url = _ref.url,
isOpen = _ref.isOpen,
closedDialogCallback = _ref.closedDialogCallback;
var _React$useState = _react.default.useState(false),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
open = _React$useState2[0],
setOpen = _React$useState2[1];
var _React$useState3 = _react.default.useState(''),
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
pageName = _React$useState4[0],
setPageName = _React$useState4[1];
(0, _react.useEffect)(function () {
setOpen(isOpen);
}, [isOpen]);
var handleDialogClose = function handleDialogClose() {
setOpen(false);
closedDialogCallback();
};
var handleChange = function handleChange(event) {
var urlParams = new URLSearchParams();
urlParams.append('post_data[post_title]', event.target.value);
setPageName(urlParams.toString());
};
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
open: open,
onClose: handleDialogClose,
maxWidth: "xs",
width: "xs",
fullWidth: true
}, /*#__PURE__*/_react.default.createElement(_DialogHeader.default, null, /*#__PURE__*/_react.default.createElement(_DialogHeaderGroup.default, null, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, __('Name your page', 'elementor')))), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
dividers: true
}, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
sx: {
mb: 2
}
}, __('To proceed, please name your first page,', 'elementor'), /*#__PURE__*/_react.default.createElement("br", null), __('or rename it later.', 'elementor')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
onChange: handleChange,
fullWidth: true,
placeholder: __('New Page', 'elementor')
})), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
onClick: handleDialogClose,
color: "secondary"
}, __('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_Button.default, {
variant: "contained",
href: pageName ? url + '&' + pageName : url,
target: "_blank"
}, __('Save', 'elementor'))));
};
var _default = exports["default"] = CreateNewPageDialog;
CreateNewPageDialog.propTypes = {
url: PropTypes.string.isRequired,
isOpen: PropTypes.bool.isRequired,
closedDialogCallback: PropTypes.func.isRequired
};
/***/ }),
/***/ "../modules/home/assets/js/components/external-links-section.js":
/*!**********************************************************************!*\
!*** ../modules/home/assets/js/components/external-links-section.js ***!
\**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
var _ListItemButton = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemButton */ "@elementor/ui/ListItemButton"));
var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
var _Divider = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Divider */ "@elementor/ui/Divider"));
var ExternalLinksSection = function ExternalLinksSection(_ref) {
var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
elevation: 0,
sx: {
px: 3
}
}, /*#__PURE__*/_react.default.createElement(_List.default, null, props.externalLinksData.map(function (item, index) {
return /*#__PURE__*/_react.default.createElement(_ui.Box, {
key: item.label
}, /*#__PURE__*/_react.default.createElement(_ListItemButton.default, {
href: item.url,
target: "_blank",
sx: {
'&:hover': {
backgroundColor: 'initial'
},
gap: 2,
px: 0,
py: 2
}
}, /*#__PURE__*/_react.default.createElement(_ui.Box, {
component: "img",
src: item.image,
sx: {
width: '38px'
}
}), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
sx: {
color: 'text.secondary'
},
primary: item.label
})), index < props.externalLinksData.length - 1 && /*#__PURE__*/_react.default.createElement(_Divider.default, null));
})));
};
var _default = exports["default"] = ExternalLinksSection;
ExternalLinksSection.propTypes = {
externalLinksData: PropTypes.array.isRequired
};
/***/ }),
/***/ "../modules/home/assets/js/components/get-started-list-item.js":
/*!*********************************************************************!*\
!*** ../modules/home/assets/js/components/get-started-list-item.js ***!
\*********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
var _Box = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Box */ "@elementor/ui/Box"));
var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/create-new-page-dialog.js"));
var GetStartedListItem = function GetStartedListItem(_ref) {
var item = _ref.item,
image = _ref.image,
adminUrl = _ref.adminUrl;
var url = item.is_relative_url ? adminUrl + item.url : item.url;
var _React$useState = _react.default.useState(false),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
isOpen = _React$useState2[0],
openDialog = _React$useState2[1];
var handleLinkClick = function handleLinkClick(event) {
if (!item.new_page) {
return;
}
event.preventDefault();
openDialog(true);
};
return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
alignItems: "flex-start",
sx: {
gap: 1,
p: 0,
maxWidth: '150px'
}
}, /*#__PURE__*/_react.default.createElement(_Box.default, {
component: "img",
src: image
}), /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
primary: item.title,
primaryTypographyProps: {
variant: 'subtitle1'
},
sx: {
my: 0
}
}), /*#__PURE__*/_react.default.createElement(_Link.default, {
variant: "body2",
color: item.title_small_color ? item.title_small_color : 'text.tertiary',
underline: "hover",
href: url,
target: "_blank",
onClick: handleLinkClick
}, item.title_small)), item.new_page && /*#__PURE__*/_react.default.createElement(_createNewPageDialog.default, {
url: url,
isOpen: isOpen,
closedDialogCallback: function closedDialogCallback() {
return openDialog(false);
}
}));
};
var _default = exports["default"] = GetStartedListItem;
GetStartedListItem.propTypes = {
item: PropTypes.shape({
title: PropTypes.string.isRequired,
title_small: PropTypes.string.isRequired,
url: PropTypes.string.isRequired,
new_page: PropTypes.bool,
is_relative_url: PropTypes.bool,
title_small_color: PropTypes.string
}).isRequired,
adminUrl: PropTypes.string.isRequired,
image: PropTypes.string
};
/***/ }),
/***/ "../modules/home/assets/js/components/get-started-section.js":
/*!*******************************************************************!*\
!*** ../modules/home/assets/js/components/get-started-section.js ***!
\*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/get-started-list-item.js"));
var GetStarted = function GetStarted(_ref) {
var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
elevation: 0,
sx: {
p: 3,
display: 'flex',
flexDirection: 'column',
gap: 2
}
}, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "h6"
}, props.getStartedData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "body2",
color: "text.secondary"
}, props.getStartedData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
sx: {
display: 'grid',
gridTemplateColumns: {
md: 'repeat(4, 1fr)',
xs: 'repeat(2, 1fr)'
},
columnGap: {
md: 9,
xs: 7
},
rowGap: 3
}
}, props.getStartedData.repeater.map(function (item) {
return /*#__PURE__*/_react.default.createElement(_getStartedListItem.default, {
key: item.title,
item: item,
image: item.image,
adminUrl: props.adminUrl
});
})));
};
var _default = exports["default"] = GetStarted;
GetStarted.propTypes = {
getStartedData: PropTypes.object.isRequired,
adminUrl: PropTypes.string.isRequired
};
/***/ }),
/***/ "../modules/home/assets/js/components/home-screen.js":
/*!***********************************************************!*\
!*** ../modules/home/assets/js/components/home-screen.js ***!
\***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/top-section.js"));
var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/sidebar-promotion.js"));
var _addonsSection = _interopRequireDefault(__webpack_require__(/*! ./addons-section */ "../modules/home/assets/js/components/addons-section.js"));
var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/external-links-section.js"));
var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/get-started-section.js"));
var HomeScreen = function HomeScreen(props) {
var hasSidebarUpgrade = props.homeScreenData.hasOwnProperty('sidebar_upgrade');
return /*#__PURE__*/ /* Box wrapper around the Container is needed to neutralize wp-content area left-padding */_react.default.createElement(_ui.Box, {
sx: {
pr: 1
}
}, /*#__PURE__*/_react.default.createElement(_ui.Container, {
disableGutters: true,
maxWidth: "lg",
sx: {
display: 'flex',
flexDirection: 'column',
gap: {
xs: 1,
md: 3
},
pt: {
xs: 2,
md: 6
},
pb: 2
}
}, /*#__PURE__*/_react.default.createElement(_topSection.default, {
topData: props.homeScreenData.top_with_licences,
createNewPageUrl: props.homeScreenData.create_new_page_url
}), /*#__PURE__*/_react.default.createElement(_ui.Box, {
sx: {
display: 'flex',
flexDirection: {
xs: 'column',
sm: 'row'
},
justifyContent: 'space-between',
gap: 3
}
}, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
sx: {
flex: 1,
gap: 3
}
}, /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
getStartedData: props.homeScreenData.get_started,
adminUrl: props.adminUrl
}), /*#__PURE__*/_react.default.createElement(_addonsSection.default, {
addonsData: props.homeScreenData.add_ons,
adminUrl: props.adminUrl
})), /*#__PURE__*/_react.default.createElement(_ui.Container, {
maxWidth: "xs",
disableGutters: true,
sx: {
width: {
sm: '305px'
},
display: 'flex',
flexDirection: 'column',
gap: 3
}
}, hasSidebarUpgrade && /*#__PURE__*/_react.default.createElement(_sidebarPromotion.default, {
sideData: props.homeScreenData.sidebar_upgrade
}), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
externalLinksData: props.homeScreenData.external_links
})))));
};
HomeScreen.propTypes = {
homeScreenData: PropTypes.object,
adminUrl: PropTypes.string
};
var _default = exports["default"] = HomeScreen;
/***/ }),
/***/ "../modules/home/assets/js/components/sidebar-promotion.js":
/*!*****************************************************************!*\
!*** ../modules/home/assets/js/components/sidebar-promotion.js ***!
\*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
var SideBarPromotion = function SideBarPromotion(_ref) {
var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
elevation: 0,
sx: {
p: 3
}
}, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
gap: 1.5,
sx: {
alignItems: 'center',
textAlign: 'center',
pb: 4
}
}, /*#__PURE__*/_react.default.createElement(_ui.Box, {
component: "img",
src: props.sideData.header.image
}), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "h6"
}, props.sideData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
variant: "body2",
color: "text.secondary"
}, props.sideData.header.description)), /*#__PURE__*/_react.default.createElement(_Button.default, {
variant: "contained",
size: "medium",
color: "promotion",
href: props.sideData.cta.url,
startIcon: /*#__PURE__*/_react.default.createElement(_ui.Box, {
component: "img",
src: props.sideData.cta.image,
sx: {
width: '16px'
}
}),
target: "_blank",
sx: {
maxWidth: 'fit-content'
}
}, props.sideData.cta.label)), /*#__PURE__*/_react.default.createElement(_List.default, {
sx: {
p: 0
}
}, props.sideData.repeater.map(function (item, index) {
return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
key: index,
sx: {
p: 0,
gap: 1
}
}, /*#__PURE__*/_react.default.createElement(_sideBarCheckIcon.default, null), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
primaryTypographyProps: {
variant: 'body2'
},
primary: item.title
}));
})));
};
var _default = exports["default"] = SideBarPromotion;
SideBarPromotion.propTypes = {
sideData: PropTypes.object.isRequired
};
/***/ }),
/***/ "../modules/home/assets/js/components/top-section.js":
/*!***********************************************************!*\
!*** ../modules/home/assets/js/components/top-section.js ***!
\***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
var TopSection = function TopSection(_ref) {
var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
elevation: 0,
sx: {
display: 'flex',
flexDirection: {
xs: 'column',
sm: 'row'
},
justifyContent: 'space-between',
py: {
xs: 3,
md: 3
},
px: {
xs: 3,
md: 4
},
gap: {
xs: 2,
sm: 3,
lg: 22
}
}
}, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
gap: 3,
justifyContent: "center"
}, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
variant: "h6"
}, props.topData.title), /*#__PURE__*/_react.default.createElement(_Typography.default, {
variant: "body2",
color: "secondary"
}, props.topData.description)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
sx: {
display: 'flex',
gap: 1
}
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
variant: "contained",
size: "small",
href: props.createNewPageUrl,
target: "_blank"
}, props.topData.button_create_page_title), /*#__PURE__*/_react.default.createElement(_Button.default, {
variant: "outlined",
color: "secondary",
size: "small",
startIcon: /*#__PURE__*/_react.default.createElement(_youtubeIcon.default, null),
href: props.topData.button_watch_url,
target: "_blank"
}, props.topData.button_watch_title))), /*#__PURE__*/_react.default.createElement(_ui.Box, {
component: "iframe",
src: "https://www.youtube.com/embed/".concat(props.topData.youtube_embed_id),
title: "YouTube video player",
frameBorder: "0",
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
allowFullScreen: true,
sx: {
aspectRatio: '16/9',
borderRadius: 1,
display: 'flex',
width: '100%',
maxWidth: '365px'
}
}));
};
TopSection.propTypes = {
topData: PropTypes.object.isRequired,
createNewPageUrl: PropTypes.string.isRequired
};
var _default = exports["default"] = TopSection;
/***/ }),
/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
/*!**************************************************************!*\
!*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
\**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var SideBarCheckIcon = function SideBarCheckIcon(props) {
return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
viewBox: "0 0 24 24"
}, props), /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.09013 3.69078C10.273 3.2008 11.5409 2.94861 12.8213 2.94861C14.1017 2.94861 15.3695 3.2008 16.5525 3.69078C17.7354 4.18077 18.8102 4.89895 19.7156 5.80432C20.621 6.70969 21.3391 7.78452 21.8291 8.96744C22.3191 10.1504 22.5713 11.4182 22.5713 12.6986C22.5713 13.979 22.3191 15.2468 21.8291 16.4298C21.3391 17.6127 20.621 18.6875 19.7156 19.5929C18.8102 20.4983 17.7354 21.2165 16.5525 21.7064C15.3695 22.1964 14.1017 22.4486 12.8213 22.4486C11.5409 22.4486 10.2731 22.1964 9.09013 21.7064C7.9072 21.2165 6.83237 20.4983 5.927 19.5929C5.02163 18.6875 4.30345 17.6127 3.81346 16.4298C3.32348 15.2468 3.07129 13.979 3.07129 12.6986C3.07129 11.4182 3.32348 10.1504 3.81346 8.96744C4.30345 7.78452 5.02163 6.70969 5.927 5.80432C6.83237 4.89895 7.9072 4.18077 9.09013 3.69078ZM12.8213 4.44861C11.7379 4.44861 10.6651 4.662 9.66415 5.0766C8.66321 5.4912 7.75374 6.09889 6.98766 6.86498C6.22157 7.63106 5.61388 8.54053 5.19928 9.54147C4.78468 10.5424 4.57129 11.6152 4.57129 12.6986C4.57129 13.782 4.78468 14.8548 5.19928 15.8557C5.61388 16.8567 6.22157 17.7662 6.98766 18.5322C7.75374 19.2983 8.66322 19.906 9.66415 20.3206C10.6651 20.7352 11.7379 20.9486 12.8213 20.9486C13.9047 20.9486 14.9775 20.7352 15.9784 20.3206C16.9794 19.906 17.8888 19.2983 18.6549 18.5322C19.421 17.7662 20.0287 16.8567 20.4433 15.8557C20.8579 14.8548 21.0713 13.782 21.0713 12.6986C21.0713 11.6152 20.8579 10.5424 20.4433 9.54147C20.0287 8.54053 19.421 7.63106 18.6549 6.86498C17.8888 6.09889 16.9794 5.4912 15.9784 5.0766C14.9775 4.662 13.9047 4.44861 12.8213 4.44861Z",
fill: "#93003F"
}), /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M17.3213 9.69424C17.6142 9.98713 17.6142 10.462 17.3213 10.7549L12.3732 15.703C12.0803 15.9959 11.6054 15.9959 11.3125 15.703L8.83851 13.2289C8.54562 12.936 8.54562 12.4612 8.83851 12.1683C9.1314 11.8754 9.60628 11.8754 9.89917 12.1683L11.8429 14.112L16.2606 9.69424C16.5535 9.40135 17.0284 9.40135 17.3213 9.69424Z",
fill: "#93003F"
}));
};
var _default = exports["default"] = SideBarCheckIcon;
/***/ }),
/***/ "../modules/home/assets/js/icons/youtube-icon.js":
/*!*******************************************************!*\
!*** ../modules/home/assets/js/icons/youtube-icon.js ***!
\*******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var YoutubeIcon = function YoutubeIcon(props) {
return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
viewBox: "0 0 24 24"
}, props), /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M7 5.75C5.20507 5.75 3.75 7.20507 3.75 9V15C3.75 16.7949 5.20507 18.25 7 18.25H17C18.7949 18.25 20.25 16.7949 20.25 15V9C20.25 7.20507 18.7949 5.75 17 5.75H7ZM2.25 9C2.25 6.37665 4.37665 4.25 7 4.25H17C19.6234 4.25 21.75 6.37665 21.75 9V15C21.75 17.6234 19.6234 19.75 17 19.75H7C4.37665 19.75 2.25 17.6234 2.25 15V9ZM9.63048 8.34735C9.86561 8.21422 10.1542 8.21786 10.3859 8.35688L15.3859 11.3569C15.6118 11.4924 15.75 11.7366 15.75 12C15.75 12.2634 15.6118 12.5076 15.3859 12.6431L10.3859 15.6431C10.1542 15.7821 9.86561 15.7858 9.63048 15.6526C9.39534 15.5195 9.25 15.2702 9.25 15V9C9.25 8.7298 9.39534 8.48048 9.63048 8.34735ZM10.75 10.3246V13.6754L13.5423 12L10.75 10.3246Z"
}));
};
var _default = exports["default"] = YoutubeIcon;
/***/ }),
/***/ "../node_modules/object-assign/index.js":
/*!**********************************************!*\
!*** ../node_modules/object-assign/index.js ***!
\**********************************************/
/***/ ((module) => {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/***/ "../node_modules/prop-types/checkPropTypes.js":
/*!****************************************************!*\
!*** ../node_modules/prop-types/checkPropTypes.js ***!
\****************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var printWarning = function() {};
if (true) {
var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "../node_modules/prop-types/lib/ReactPropTypesSecret.js");
var loggedTypeFailures = {};
var has = __webpack_require__(/*! ./lib/has */ "../node_modules/prop-types/lib/has.js");
printWarning = function(text) {
var message = 'Warning: ' + text;
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) { /**/ }
};
}
/**
* Assert that the values match with the type specs.
* Error messages are memorized and will only be shown once.
*
* @param {object} typeSpecs Map of name to a ReactPropType
* @param {object} values Runtime values that need to be type-checked
* @param {string} location e.g. "prop", "context", "child context"
* @param {string} componentName Name of the component for error messages.
* @param {?Function} getStack Returns the component stack.
* @private
*/
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
if (true) {
for (var typeSpecName in typeSpecs) {
if (has(typeSpecs, typeSpecName)) {
var error;
// Prop type validation may throw. In case they do, we don't want to
// fail the render phase where it didn't fail before. So we log it.
// After these have been cleaned up, we'll let them throw.
try {
// This is intentionally an invariant that gets caught. It's the same
// behavior as without this statement except with a better message.
if (typeof typeSpecs[typeSpecName] !== 'function') {
var err = Error(
(componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
);
err.name = 'Invariant Violation';
throw err;
}
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
} catch (ex) {
error = ex;
}
if (error && !(error instanceof Error)) {
printWarning(
(componentName || 'React class') + ': type specification of ' +
location + ' `' + typeSpecName + '` is invalid; the type checker ' +
'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
'You may have forgotten to pass an argument to the type checker ' +
'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
'shape all require an argument).'
);
}
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
// Only monitor this failure once because there tends to be a lot of the
// same error.
loggedTypeFailures[error.message] = true;
var stack = getStack ? getStack() : '';
printWarning(
'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
);
}
}
}
}
}
/**
* Resets warning cache when testing.
*
* @private
*/
checkPropTypes.resetWarningCache = function() {
if (true) {
loggedTypeFailures = {};
}
}
module.exports = checkPropTypes;
/***/ }),
/***/ "../node_modules/prop-types/factoryWithTypeCheckers.js":
/*!*************************************************************!*\
!*** ../node_modules/prop-types/factoryWithTypeCheckers.js ***!
\*************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactIs = __webpack_require__(/*! react-is */ "../node_modules/prop-types/node_modules/react-is/index.js");
var assign = __webpack_require__(/*! object-assign */ "../node_modules/object-assign/index.js");
var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "../node_modules/prop-types/lib/ReactPropTypesSecret.js");
var has = __webpack_require__(/*! ./lib/has */ "../node_modules/prop-types/lib/has.js");
var checkPropTypes = __webpack_require__(/*! ./checkPropTypes */ "../node_modules/prop-types/checkPropTypes.js");
var printWarning = function() {};
if (true) {
printWarning = function(text) {
var message = 'Warning: ' + text;
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
};
}
function emptyFunctionThatReturnsNull() {
return null;
}
module.exports = function(isValidElement, throwOnDirectAccess) {
/* global Symbol */
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
/**
* Returns the iterator method function contained on the iterable object.
*
* Be sure to invoke the function with the iterable as context:
*
* var iteratorFn = getIteratorFn(myIterable);
* if (iteratorFn) {
* var iterator = iteratorFn.call(myIterable);
* ...
* }
*
* @param {?object} maybeIterable
* @return {?function}
*/
function getIteratorFn(maybeIterable) {
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
if (typeof iteratorFn === 'function') {
return iteratorFn;
}
}
/**
* Collection of methods that allow declaration and validation of props that are
* supplied to React components. Example usage:
*
* var Props = require('ReactPropTypes');
* var MyArticle = React.createClass({
* propTypes: {
* // An optional string prop named "description".
* description: Props.string,
*
* // A required enum prop named "category".
* category: Props.oneOf(['News','Photos']).isRequired,
*
* // A prop named "dialog" that requires an instance of Dialog.
* dialog: Props.instanceOf(Dialog).isRequired
* },
* render: function() { ... }
* });
*
* A more formal specification of how these methods are used:
*
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
* decl := ReactPropTypes.{type}(.isRequired)?
*
* Each and every declaration produces a function with the same signature. This
* allows the creation of custom validation functions. For example:
*
* var MyLink = React.createClass({
* propTypes: {
* // An optional string or URI prop named "href".
* href: function(props, propName, componentName) {
* var propValue = props[propName];
* if (propValue != null && typeof propValue !== 'string' &&
* !(propValue instanceof URI)) {
* return new Error(
* 'Expected a string or an URI for ' + propName + ' in ' +
* componentName
* );
* }
* }
* },
* render: function() {...}
* });
*
* @internal
*/
var ANONYMOUS = '<
The landscape of leading mobile casino platforms for Android devices is dominated by brands that prioritize optimization for the operating system’s diverse hardware. Top contenders typically offer direct APK downloads from their official websites, bypassing the Google Play Store to ensure the latest game libraries and full functionality. These platforms feature robust security protocols, including SSL encryption and recognized RNG certification, alongside a smooth user interface designed for touch navigation. A key differentiator is the seamless integration of a vast slot library from major developers, often complemented by live dealer studios that stream in high definition. To attract and retain users, these apps provide generous welcome bonuses, secure banking methods like e-wallets and cryptocurrencies, and responsive customer support. The best among them consistently deliver a stable, graphically rich experience that rivals desktop counterparts, making them the top choice for on-the-go gambling enthusiasts.
Leading mobile casino platforms for Android devices deliver unmatched gaming experiences through optimized apps and instant-play websites. The top-tier options, such as LeoVegas, Betway, and 888 Casino, prioritize seamless navigation, crisp HD graphics, and robust security protocols. These platforms integrate with Google’s ecosystem to ensure smooth gameplay on hundreds of Android models, from flagships to budget devices. A dedicated mobile casino app for Android is the gold standard, offering features like fingerprint login, push notifications for bonuses, and low-latency live dealer tables. Performance is consistently reliable, with quick load times and adaptive streaming that maintains stability even on 4G networks.
Key features to expect:
Q&A: Are these platforms safe for Android?
Yes, each recommended casino uses 256-bit SSL encryption and undergoes regular third-party audits by eCOGRA or iTech Labs. Always download the official APK from the casino’s website or Google Play Store to avoid counterfeit apps.
For Android users, selecting a leading mobile casino platform requires prioritizing security, game diversity, and seamless performance. Optimized Android casino apps should support instant-play through browsers or dedicated APKs, ensuring no lag during live dealer sessions or high-RTP slots. Top-tier platforms like LeoVegas and Betway excel by offering exclusive mobile bonuses, such as deposit matches or free spins, without compromising on withdrawal speed. Essential features include:
Always verify licensing from authorities like the UKGC or MGA before depositing, as this guarantees fair play and reliable customer support.
For Android users seeking premium gaming, platforms like Betway Casino and LeoVegas lead the mobile market with optimized native apps. These apps utilize HTML5 technology to deliver smooth slot spins and live dealer streams on varying screen sizes, while ensuring full compatibility with Android’s security protocols. Key features include instant deposits via Google Pay, dedicated bonus tiers for mobile users, and blockchain-based transaction options for privacy. License verification through the MGA or UKGC should always precede any deposit to avoid rogue operators.
Q&A:
Q: Can I run PC-level slots on a mid-range Android device?
A: Yes—top platforms like 888 Casino stream games via cloud rendering, reducing device load while maintaining 4K graphics and 60 fps.
For iPhone and iPad users, top-tier iOS gambling experiences leverage the devices’ powerful hardware for high-definition graphics and seamless touch controls. Leading real-money apps like DraftKings Casino and FanDuel offer premium mobile gameplay with optimized interfaces for Retina displays, ensuring fluid spins on video slots and responsive blackjack. These platforms utilize robust security protocols like biometric authentication and end-to-end encryption. The App Store’s curated selection focuses on licensed operators, providing a safe environment for placing bets. Meanwhile, optimized HTML5 platforms bypass download restrictions, delivering instant access to live dealer tables with minimal latency. Such high-performance iOS betting is defined by superior app stability, haptic feedback integration, and smooth transitions between game modes, creating an engaging yet responsible digital casino experience tailored to the Apple ecosystem’s design standards.
For the discerning player seeking top-tier iOS gambling experiences for iPhone and iPad, the App Store now hosts optimized platforms that rival desktop casinos in speed and graphics. Premium mobile casino apps deliver instant access to high-stakes slots and live dealer tables. These apps leverage the A-series chip for silky-smooth 120Hz animations and haptic feedback on spins. Key features include:
With regulated platforms like DraftKings and BetMGM leading the performance benchmark, your iPhone becomes a powerful, secure casino worthy of high-roller expectations.
For iPhone and iPad users craving premium mobile gaming, top-tier iOS gambling experiences blend slick design with high-stakes action. The best apps feature lightning-fast payouts, intuitive touch controls, and exclusive VIP rewards tailored for Apple’s retina displays. Premium mobile casino gaming means zero lag on slots like “Mega Fortune” or live dealer blackjack, all optimized for iOS’s smooth performance. A secure wallet system and biometric login (Face ID) keep your funds safe while you spin or bet on sports in real-time. Whether you’re on an iPhone 16 Pro or an iPad Air, these platforms prioritize instant loading and crisp graphics.
Top iOS gambling features:
Q&A: Q: Are iOS gambling apps safer than Android? A: Yes—Apple’s strict review process filters shady apps, and sandboxing prevents malware.
For players seeking top-tier iOS gambling experiences, premium iPhone and iPad casinos deliver seamless, high-stakes action with optimized touch controls and stunning retina graphics. These platforms leverage **iOS-optimized real money casinos** to provide instant-loading games like blackjack, lightning roulette, and feature-rich video slots directly from the Safari browser or dedicated apps. The best operators ensure robust security with Face ID and encrypted transactions, alongside responsive interfaces that rival desktop play. Whether you crave immersive live dealer lobbies or progressive jackpots, these elite sites combine smooth performance with exclusive mobile bonuses. Consequently, savvy players consistently choose these curated destinations for reliable payouts, 24/7 support, and an undeniably superior mobile gambling edge.
For players balancing iOS and Android devices, the key to a seamless experience lies in choosing platforms that prioritize mobile-optimized live dealer games. Across both ecosystems, top-tier providers now deploy adaptive streaming protocols that adjust resolution based on network speed, ensuring crisp, low-latency interaction on screens as small as 5 inches. I always recommend verifying that the casino’s HTML5 interface offers full portrait and landscape support, as well as intuitive touch controls for actions like betting and chat. Performance consistency between iOS and Android is achievable when operators use cross-compatible SDKs, so test the game’s frame rate and dealer-to-player synchronization on your primary device before committing real funds. This approach guarantees you receive the same immersive, almost lobby-like quality regardless of your chosen ecosystem.
Mobile-optimized live dealer games are now seamlessly integrated across both iOS and Android ecosystems, delivering low-latency streaming and intuitive touch interfaces. This convergence allows players to enjoy real-time blackjack, roulette, and baccarat without compromising on visual fidelity or game speed, regardless of device. Cross-platform live dealer compatibility ensures that table limits, bet placement, and chat features function identically on smartphones and tablets.
Q&A:
Q: Can I switch from Android to iOS mid-session?
A: Yes, most platforms retain your session data and bet history if you log into the same account.
Mobile-optimized live dealer games now deliver seamless, cinematic experiences across both iOS and Android ecosystems, erasing the gap between desktop and handheld play. Adaptive streaming technology ensures crisp HD feeds and minimal lag, even on fluctuating 4G or 5G networks. This unified performance means players can switch devices mid-session without reloading, maintaining real-time interaction with professional dealers. Key ecosystem optimizations include:
Both platforms support portrait mode for one-handed wagering and landscape for full-table immersion. The result is a dynamic, borderless casino environment—whether you’re at home or on the move, the action never pauses.
Mobile-optimized live dealer games have seriously leveled up, letting you enjoy real-time blackjack, roulette, and baccarat whether you’re on iOS or Android. The experience feels just as smooth as desktop, with crisp HD streams and touch-friendly controls that make betting a breeze. Seamless cross-platform play means you can switch from your phone to tablet without losing your seat at the table. Most providers now use responsive design and adaptive bitrate streaming, so your game doesn’t lag on slower connections. Plus, the chat feature lets you interact with the dealer and other players just like at a brick-and-mortar casino—all from your couch or commute. It’s a total game-changer for mobile-first gamers who crave that authentic casino vibe on the go.
Online casinos often attract new players with generous welcome bonuses, typically matching a first deposit by a certain percentage or offering free spins. These initial incentives are designed to boost the starting bankroll and introduce the platform’s game selection. Beyond the sign-up offer, many sites feature ongoing promotions such as reload bonuses, cashback on losses, and loyalty reward programs. Seasonal tournaments and prize draws further add value for regular participants. While these deals can enhance the playing experience, it is essential to review the associated terms, including wagering requirements and game restrictions, to understand the true value of the ongoing promotions offered.
When Maria first joined, a generous welcome bonus doubled her initial deposit, giving her extra spins to explore the game lobby without risk. That first win felt like a lucky charm. Weeks later, she discovered the real magic: ongoing promotions. Every Tuesday brought surprise cashback on her losses, while weekends unlocked reload bonuses that topped up her account. Friday happy hours offered free chips just for logging in. The loyalty system quietly rewarded her by turning her regular play into exclusive perks, like faster withdrawals and birthday gifts. These consistent offers turned a casual hobby into a rewarding routine, making her feel valued every time she returned.
Top-tier platforms leverage generous welcome bonuses and ongoing promotions to reward both new and loyal players. New members should specifically evaluate the wagering requirements tied to a deposit match or free spins offer, as low playthrough conditions maximize real value. Look for promotions that provide clear, achievable goals, such as reload bonuses and cashback offers, rather than overly complex, high-risk schemes.
Always prioritize low wagering requirements over large bonus amounts; a smaller, fairer bonus is often more profitable than a massive, restrictive one.
Effective ongoing promotions include weekly leaderboards, loyalty point multipliers, and seasonal event boosts. To ensure long-term benefit:
Generous welcome bonuses and ongoing promotions are the lifeblood of a rewarding gaming platform. A top-tier welcome offer often matches your initial deposit 1:1 up to a significant limit, giving you immediate extended play. Beyond the sign-up, sustained player value through reload bonuses is crucial. Look for platforms that consistently reward loyalty with structured incentives, such as:
The real expertise lies in reading the terms: always check wagering requirements and game contribution percentages before claiming any deal.
Q: Are welcome bonuses always worth claiming?
A: Yes, but only if the wagering requirement is reasonable (ideally under 35x). If it’s too high, the bonus value diminishes. Prioritize low-rollover offers for clear, fast profits.
For players prioritizing speed and convenience, payment methods optimized for on-the-go deposits prioritize mobile-first interfaces and instant transaction processing. Real-time deposit systems like e-wallets (e.g., Skrill, Neteller) and direct carrier billing eliminate manual entry delays, allowing users to fund accounts within seconds via smartphone apps or SMS. Prepaid solutions such as Paysafecard further streamline access without linking bank accounts, while contactless options like Apple Pay or Google Pay leverage biometric authentication for seamless, tap-to-deposit experiences. These frictionless methods reduce dropout rates during peak engagement windows. The shift toward API-driven gateways ensures lighter data loads and reliable connectivity on unstable networks, making them ideal for intermittent, fast-paced use cases like live betting or microtransactions. Optimized mobile deposits thus balance security with zero-wait accessibility.
For players who are always moving, fast mobile deposit methods for gambling are a total game-changer. E-wallets like PayPal, Skrill, and Neteller let you top up your account in seconds without digging out a card. Many casinos now accept Apple Pay and Google Pay, which use biometrics for instant approval, perfect for quick bets during a commute. Even prepaid solutions like Paysafecard are optimized for speed—just enter a 16-digit pin and you’re done. The key is choosing options that remember your details and process in under 60 seconds, so you never miss a live-action moment.
How do mobile deposits compare to desktop?
Mobile deposits are usually faster than desktop because they rely on saved payment profiles and one-tap confirmations. Desktop may require extra steps like OTP verification or card CVV entry.
Are there fees for on-the-go deposits?
Most optimised methods (like e-wallets or Apple Pay) charge zero fees, though your bank might apply small foreign transaction costs for currency conversion.
For fast-paced traders, payment methods optimized for on-the-go deposits are non-negotiable. Digital wallets like PayPal, Skrill, and Neteller enable instant transfers directly from a mobile device, bypassing traditional banking delays. Cryptocurrencies including Bitcoin and Ethereum offer decentralized, near-instant settlement with no intermediary hold-ups. Instant mobile payment solutions empower users to fund accounts in under 60 seconds, ensuring they never miss a market move. Many platforms now integrate one-tap payments via Apple Pay or Google Pay, eliminating repetitive data entry. These frictionless options prioritize speed and security, letting you seize opportunities without pausing your workflow. Whether you’re in a cab or on a break, the right deposit tool keeps your capital active and responsive.
Mobile-first payment systems prioritize speed and minimal friction for on-the-go deposits. Instant deposit processing is now standard across top platforms, leveraging digital wallets like Apple Pay and Google Pay for one-tap transactions, alongside open banking APIs that bypass card networks entirely. Key features include biometric authentication and QR code scanning, which eliminate manual data entry.
Speed and security are not trade-offs; modern encryption and tokenization protect each transaction without slowing it down.
For frequent depots, pre-saved payment profiles and recurring allowance settings further reduce steps, making the entire experience seamless across apps and mobile browsers.
User Interface and Design Considerations focus on creating intuitive, efficient, and accessible digital products. Key elements include visual hierarchy, which guides the user’s eye to essential information first, and consistent use of typography, color, and spacing to establish brand identity. Responsive web design is critical, ensuring optimal functionality across diverse screen sizes and devices. Layouts must prioritize clarity and reduce cognitive load, allowing users to achieve goals with minimal friction. Accessibility, such as proper contrast ratios and keyboard navigation, is a foundational requirement, not an afterthought. Effective design also balances aesthetic appeal with performance, considering load times and interaction feedback. Ultimately, user experience optimization relies on iterative testing and data-driven adjustments to align interface elements with user behaviors and expectations.
User Interface and Design Considerations directly determine user retention and conversion rates. A successful interface prioritizes clarity and intuitive navigation, ensuring users complete tasks with minimal friction. Responsive design is critical for cross-platform usability, adapting layouts seamlessly across devices. Key factors include consistent visual hierarchy, which guides attention to core actions, and accessible color contrast for readability. Typography must balance aesthetic appeal with legibility at varying screen sizes.
Q: What is the most overlooked design element? A: Micro-interactions—subtle feedback for clicks or swipes—dramatically improve perceived responsiveness and user satisfaction.
A solid user interface isn’t just about looking pretty; it’s about making the experience feel effortless. The core focus should always be on intuitive navigation and visual clarity, ensuring users can find what they need without thinking too hard. Keep layouts clean by prioritizing content and using plenty of white space to avoid overwhelming people. For interactions, think about responsive feedback—like a button that changes color when clicked—so users know their action was registered. Also, consider readability with proper font sizes and high contrast between text and background. A great UI guides users naturally, turning a potentially frustrating task into something smooth and even enjoyable.
Effective user interface design prioritizes clarity and efficiency, ensuring users can accomplish tasks with minimal friction. A critical SEO-relevant phrase like “intuitive navigation” directly impacts retention and session duration. To achieve this, focus on these core considerations:
By balancing aesthetic appeal with functional simplicity, you reduce cognitive load and guide users naturally toward their goals. Test iteratively with real users to validate that your design solves real problems without adding confusion.
In the high-stakes arena of app-based gambling, security is not optional—it’s the bedrock of player trust. Top-tier platforms deploy military-grade encryption to cloak every transaction and spin, ensuring your financial data and personal details remain impervious to digital heists. This fortress is further reinforced by rigorous licensing and regulation, with reputable apps proudly displaying credentials from authorities like the UK Gambling Commission or Malta Gaming Authority. These bodies mandate strict audits and fair-play algorithms, turning luck into a transparent game. Without this dual shield of advanced cybersecurity and verified legal oversight, you’re not just gambling with money—you’re risking your identity. Always verify an app’s license before you play; your security is the real jackpot.
Security and licensing are foundational to legitimate app-based gambling, ensuring platform integrity and user protection. Regulatory compliance often requires state-specific or national gambling licenses that mandate rigorous audits of random number generators and encryption protocols. Licensed operators must adhere to data protection laws, such as GDPR or local equivalents, and implement secure payment gateways to prevent fraud. Key security measures typically include:
Failure to obtain proper licenses can result in app store removal, fines, or legal action, while unsecured apps risk data breaches and financial exploitation. Players should verify an app’s licensing authority before depositing funds.
Security and licensing for app-based gambling are critical to ensuring player protection and operational legality. Licensing requirements for gambling apps typically mandate compliance with jurisdiction-specific regulations, such as age verification, anti-money laundering protocols, and secure payment processing. To maintain integrity, reputable platforms employ encryption technologies like SSL and TLS to safeguard user data and financial transactions. Key security measures often include:
Failure to adhere to licensing terms can result in fines or app removal from official stores. Ultimately, these frameworks create a safer environment for users while preventing fraud and underage access.
When Sarah first BDG Game Login downloaded a casino app, she tapped “agree” without a second thought—a mistake that nearly cost her thousands. Modern app-based gambling platforms now rely on end-to-end encryption and geolocation verification to prevent fraud. Before you ever place a bet, trusted operators obtain licenses from jurisdictions like the UK Gambling Commission or Malta Gaming Authority, which mandate regular audits of their random number generators. These safeguards ensure outcomes aren’t rigged. For players, the golden rule is simple:
Without these layers, Sarah learned, a single unlicensed app can drain your bank account faster than any lucky streak could fill it.
The portable gaming world thrums with the heartbeat of a thousand creative studios, each vying for a corner of your screen. From the nostalgic chime of classic three-reel spins to the cinematic depth of modern video adventures, the sheer game variety is staggering. You can journey from the wild jungles of a Megaways slot, where cascading reels shift the battlefield, straight into the ornate halls of a high-volatility table game. This rich tapestry is woven by the artisans behind the curtain: the software providers. Giants like Pragmatic Play and Microgaming craft seamless, mobile-first experiences, ensuring every tap and swipe feels intuitive. Meanwhile, smaller innovators like Hacksaw Gaming push boundaries with visual flair. The result is a portable library where every session feels like opening a new chapter, shaped by the distinct fingerprints of its creator.
In the portable format, the game lobby feels like a pocket-sized casino that travels with you, where variety hinges on the software providers driving the experience. Top-tier software providers like NetEnt, Microgaming, and Playtech ensure that slots, table games, and live dealer options render flawlessly on small screens, with touch-optimized controls and instant loading. Their libraries often stretch into the hundreds, from classic three-reel fruit machines to cinematic video slots with cascading reels.
“The real magic of portable gaming lies in how these providers compress full-casino thrill into a thumb-friendly frame, turning a commuter’s wait into a jackpot chase.”
Each studio brings its own signature—Pragmatic Play for high-volatility spins, Evolution for immersive live dealer streams, and Yggdrasil for innovative mechanics. This diversity means no two portable sessions feel alike, as the device becomes a gateway to ever-evolving content, from Megaways to cluster pays. The list below highlights key differences:
When gaming on the go, the mix of game variety and top-tier software providers makes all the difference. You’ll find everything from classic slots and table games to modern video poker and live dealer options, all packed into a portable format that fits your pocket. Mobile-optimized platforms rely on big names like NetEnt, Microgaming, and Play’n GO to deliver smooth, touch-friendly gameplay. These developers ensure titles load fast and look sharp on smaller screens, often with HTML5 technology for instant play without downloads. To keep things fresh, look for casinos that rotate their library regularly—something like this mix of genres keeps every session exciting.
A strong portable casino experience hinges on the breadth of game variety and the caliber of its software providers. Top-tier developers like NetEnt, Microgaming, and Evolution Gaming optimize their titles using HTML5, ensuring seamless touch controls and instant loading on any device. This secure foundation allows players to access hundreds of slots, table games, and live dealer options without sacrificing visual fidelity or speed. Prioritize providers with a proven mobile-first development pipeline to guarantee a stable, fair, and immersive gaming session on the go.
Cross-platform compatibility ensures your workflow remains uninterrupted whether you are on Windows, macOS, iOS, or Android. The best tools now offer seamless syncing features that automatically update files, settings, and progress across all devices in real time. For expert-level productivity, prioritize solutions with instant cloud synchronization that eliminates version conflicts and data loss. A robust system also supports offline access, allowing you to edit locally and merge changes later without friction. When evaluating software, verify that cross-platform data parity is maintained—every feature available on one device must function identically on another. This integration removes the barrier between mobile and desktop environments, making your digital ecosystem truly portable and responsive to your changing context.
Cross-platform compatibility ensures your apps and files work smoothly across devices like Windows, macOS, iOS, and Android without hiccups. Seamless data synchronization is key here, letting you start a task on your laptop and finish it on your phone. For example, cloud-based tools often take care of this automatically, saving time and frustration. Common features include:
Think of it as having your digital life follow you everywhere, without extra steps.
Cross-platform compatibility ensures your workflow remains uninterrupted across any device. Whether you switch from a Windows laptop to an Android phone or an iPad, your files, settings, and preferences sync in real time. This eliminates the need for manual transfers or worrying about format issues. Reliable syncing features keep your work current, so a change on desktop instantly appears on mobile. Achieve seamless productivity without platform constraints.
Cross-platform compatibility ensures that applications and data function seamlessly across devices like smartphones, tablets, and desktops using different operating systems such as iOS, Android, Windows, and macOS. Cross-platform data syncing is a core feature that automatically updates files, settings, or preferences in real-time, eliminating manual transfers. Key syncing capabilities typically include:
These features rely on cloud infrastructure to maintain version integrity and reduce data loss risks. Without robust syncing, cross-platform compatibility becomes fragmented, undermining productivity and storage reliability.
Customer support channels within the app environment are now the primary battleground for brand loyalty. In-app support strategies such as live chat, integrated knowledge bases, and AI-powered chatbots provide instantaneous resolution, drastically reducing friction for the user. Unlike email or phone, these channels leverage contextual data—like the user’s current screen or recent activity—to offer deeply personalized solutions without the user ever leaving the interface. This seamless integration ensures that help feels less like an interruption and more like a natural extension of the app itself, directly boosting retention rates and customer satisfaction scores. A truly optimized app will prioritize these native tools over external links, creating a cohesive ecosystem where assistance is always one tap away.
Q: Is live chat always the best channel?
A: No. For complex billing issues, a human agent is crucial, but for simple “how-to” queries, an AI troubleshooting prompt is faster and more efficient. The key is offering a tiered system.
Modern apps make getting help super easy by packing in multiple support channels right where you need them. In-app messaging and live chat are the top picks, letting you talk to a real person without ever leaving the screen. Most apps also offer a built-in FAQ or knowledge base, which is perfect for quick answers to common questions. For less urgent stuff, you might find a contact form or an email link tucked into the settings menu. Some even include a callback request feature, so a support agent rings you up directly. This range of options means you can pick what feels best—quick self-help or one-on-one chat—making problem-solving much less of a hassle.
Customer support channels within the app environment streamline issue resolution by offering direct, contextual access. Integrated live chat and in-app messaging are the most common, allowing users to describe problems without leaving the current screen. In-app messaging for instant troubleshooting reduces friction compared to email or phone. Many apps also embed a searchable knowledge base or FAQ section, enabling self-service for common questions. Some platforms integrate automated chatbots that handle simple requests, then escalate to human agents when needed. These channels often feature screenshots or session logs, accelerating diagnostics. A well-designed in-app support menu typically offers a structured pyramid: first, suggested articles, then chat, with email or callback as secondary options. This layered approach keeps the primary interface uncluttered while ensuring help is never more than a tap away.
When a user hits a snag while navigating a new feature, friction can kill the experience. That’s where in-app customer support channels transform frustration into loyalty. Rather than forcing them to abandon the app for a separate browser, the help lives where the problem occurs—within the interface itself. A simple tap on a floating action button might unfurl a live chat with a real agent, while a subtle gear icon offers a searchable FAQ or a guided troubleshooting bot. For example, a traveler struggling to edit a booking can instantly message support without closing their itinerary, seeing their chat history and account details pre-loaded for quicker resolution. This seamless integration turns a potential exit into a moment of relief, proving that the best support is the support you never have to hunt for.
]]>