| @@ -3041,101 +3041,8 @@ | ||
| 3041 | 3041 | homeScreenData: import_prop_types.default.object.isRequired |
| 3042 | 3042 | }; |
| 3043 | 3043 | |
| 3044 | 3044 | //#endregion |
| 3045 | -//#region modules/home/assets/js/components/create-with-ai-banner.js | |
| 3046 | - var CreateWithAIBanner = function CreateWithAIBanner(_ref) { | |
| 3047 | - var createWithAIData = _extends({}, (_objectDestructuringEmpty(_ref), _ref)).createWithAIData; | |
| 3048 | - var _useState2 = _slicedToArray((0, react.useState)(""), 2); | |
| 3049 | - var inputValue = _useState2[0]; | |
| 3050 | - var setInputValue = _useState2[1]; | |
| 3051 | - if (!createWithAIData) return null; | |
| 3052 | - var title = createWithAIData.title; | |
| 3053 | - var description = createWithAIData.description; | |
| 3054 | - var inputPlaceholder = createWithAIData.input_placeholder; | |
| 3055 | - var buttonTitle = createWithAIData.button_title; | |
| 3056 | - var buttonCtaUrl = createWithAIData.button_cta_url; | |
| 3057 | - var backgroundImage = createWithAIData.background_image; | |
| 3058 | - var utmSource = createWithAIData.utm_source; | |
| 3059 | - var utmMedium = createWithAIData.utm_medium; | |
| 3060 | - var utmCampaign = createWithAIData.utm_campaign; | |
| 3061 | - var handleInputChange = function handleInputChange(event) { | |
| 3062 | - setInputValue(event.target.value); | |
| 3063 | - }; | |
| 3064 | - var getButtonHref = function getButtonHref() { | |
| 3065 | - if (!inputValue) return buttonCtaUrl; | |
| 3066 | - var url = new URL(buttonCtaUrl); | |
| 3067 | - url.searchParams.append("prompt", inputValue); | |
| 3068 | - url.searchParams.append("utm_source", utmSource); | |
| 3069 | - url.searchParams.append("utm_medium", utmMedium); | |
| 3070 | - url.searchParams.append("utm_campaign", utmCampaign); | |
| 3071 | - return url.toString(); | |
| 3072 | - }; | |
| 3073 | - var handleNavigation = function handleNavigation() { | |
| 3074 | - if (!inputValue) return; | |
| 3075 | - var destination = getButtonHref(); | |
| 3076 | - trackPromoClick(title, destination, getHomeScreenPath("ai_banner")); | |
| 3077 | - window.open(destination, "_blank"); | |
| 3078 | - setInputValue(""); | |
| 3079 | - }; | |
| 3080 | - return /*#__PURE__*/ react.default.createElement(_elementor_ui.Paper, { | |
| 3081 | - elevation: 0, | |
| 3082 | - sx: { | |
| 3083 | - display: "flex", | |
| 3084 | - flexDirection: "column", | |
| 3085 | - py: 3, | |
| 3086 | - px: { | |
| 3087 | - xs: 3, | |
| 3088 | - md: 4 | |
| 3089 | - }, | |
| 3090 | - gap: 2, | |
| 3091 | - backgroundImage: "url(".concat(backgroundImage, ")"), | |
| 3092 | - backgroundSize: "cover", | |
| 3093 | - backgroundPosition: "right center", | |
| 3094 | - backgroundRepeat: "no-repeat", | |
| 3095 | - borderRadius: 1, | |
| 3096 | - border: "1px solid rgba(0, 0, 0, 0.12)" | |
| 3097 | - } | |
| 3098 | - }, /*#__PURE__*/ react.default.createElement(_elementor_ui.Stack, { | |
| 3099 | - gap: 1, | |
| 3100 | - justifyContent: "center" | |
| 3101 | - }, /*#__PURE__*/ react.default.createElement(_elementor_ui_Typography.default, { variant: "h6" }, title), /*#__PURE__*/ react.default.createElement(_elementor_ui_Typography.default, { | |
| 3102 | - variant: "body2", | |
| 3103 | - color: "secondary" | |
| 3104 | - }, description)), /*#__PURE__*/ react.default.createElement(_elementor_ui.Box, { sx: { | |
| 3105 | - display: "flex", | |
| 3106 | - flexDirection: { | |
| 3107 | - xs: "column", | |
| 3108 | - sm: "row" | |
| 3109 | - }, | |
| 3110 | - gap: 2, | |
| 3111 | - mt: 1 | |
| 3112 | - } }, /*#__PURE__*/ react.default.createElement(_elementor_ui.TextField, { | |
| 3113 | - fullWidth: true, | |
| 3114 | - placeholder: inputPlaceholder, | |
| 3115 | - variant: "outlined", | |
| 3116 | - color: "secondary", | |
| 3117 | - size: "small", | |
| 3118 | - sx: { flex: 1 }, | |
| 3119 | - value: inputValue, | |
| 3120 | - onChange: handleInputChange, | |
| 3121 | - onKeyDown: function handleKeyDown(event) { | |
| 3122 | - if ("Enter" === event.key) { | |
| 3123 | - event.preventDefault(); | |
| 3124 | - handleNavigation(); | |
| 3125 | - } | |
| 3126 | - } | |
| 3127 | - }), /*#__PURE__*/ react.default.createElement(_elementor_ui_Button.default, { | |
| 3128 | - variant: "outlined", | |
| 3129 | - size: "small", | |
| 3130 | - color: "secondary", | |
| 3131 | - startIcon: /*#__PURE__*/ react.default.createElement("span", { className: "eicon-ai" }), | |
| 3132 | - onClick: handleNavigation | |
| 3133 | - }, buttonTitle))); | |
| 3134 | - }; | |
| 3135 | - CreateWithAIBanner.propTypes = { createWithAIData: import_prop_types.default.object }; | |
| 3136 | - | |
| 3137 | -//#endregion | |
| 3138 | 3045 | //#region modules/home/assets/js/components/load-fallback-message.js |
| 3139 | 3046 | var LoadFallbackMessage = function LoadFallbackMessage() { |
| 3140 | 3047 | return /*#__PURE__*/ react.default.createElement(_elementor_ui.Box, null, /*#__PURE__*/ react.default.createElement(_elementor_ui.Container, { |
| 3141 | 3048 | disableGutters: true, |
| @@ -3191,9 +3098,9 @@ | ||
| 3191 | 3098 | gap: 2.5 |
| 3192 | 3099 | } }, /*#__PURE__*/ react.default.createElement(_elementor_ui.Stack, { sx: { |
| 3193 | 3100 | flex: 1, |
| 3194 | 3101 | gap: 2.5 |
| 3195 | - } }, props.homeScreenData.create_with_ai && /*#__PURE__*/ react.default.createElement(CreateWithAIBanner, { createWithAIData: props.homeScreenData.create_with_ai }), /*#__PURE__*/ react.default.createElement(GetStarted, { | |
| 3102 | + } }, /*#__PURE__*/ react.default.createElement(GetStarted, { | |
| 3196 | 3103 | getStartedData: props.homeScreenData.get_started, |
| 3197 | 3104 | adminUrl: props.adminUrl, |
| 3198 | 3105 | homeScreenData: props.homeScreenData |
| 3199 | 3106 | }), /*#__PURE__*/ react.default.createElement(ExternalLinksSection, { externalLinksData: props.homeScreenData.external_links })), hasSidebarPromotion && /*#__PURE__*/ react.default.createElement(_elementor_ui.Container, { |
