\n\n
\n\n
\n
\n
\n Acepto los \n Términos y condiciones \n del servicio de Bonnus y he leído las \n Políticas de privacidad.\n
\n
\n \n\n //-- End Input Fields\n\n let earnedTextContainer =\n
\n {inputFieldsContainer}\n
\n\n let containerRadius = {};\n if (this.props.configuration !== undefined && this.props.configuration.z_cr !== undefined)\n containerRadius = { borderRadius: this.props.configuration.z_cr };\n\n let containerRadiusEmpty = {};\n let containerRadiusState;\n if (this.props.configuration !== undefined) {\n containerRadiusState = containerRadius\n } else {\n containerRadiusState = containerRadiusEmpty\n }\n\n let earnedStyle = earned\n earnedStyle.borderRadius = containerRadiusState.borderRadius\n\n let alertState = {}\n let alertEmpty = <>\n let alertShow = \n
\n
\n
{this.props.alertMessage}
\n
\n
\n
\n\n if(this.state.alertState === true)\n alertState = alertShow\n else\n alertState = alertEmpty\n\n return (\n\n
\n {props => (\n\n
\n {earnedHeaderStateContainer}\n {earnedTextContainer}\n {alertState}\n
\n\n
\n );\n }\n\n}\n\nexport default AuthGiveaways;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAC0klEQVRo3u2Zz08TURDHm4oePIpeFE3sboiJR6OBmyf+A4KRKyGhxsB7L1HjaU+KRyMGDAcPHo1wEEiM4Y+A1D/ASjwI+6MVI1XM8027FcFumbc7+7YxO8kkhW27n3mdN/N9s4VCbrnlltzk6AnbnRm2PfHQ8tkby+cflHvKf4QOrytwDd5ju3yoIJ1i5tyWyy/aHp9VcFvKpZ6zT3bAHtvuvQHj4PbXu+csj71QIA198H+8YQVifrAuzhqBL3nstu1zlwD8iIsdtSi3UgO/JidPqhst0oMfcY8vwL1I4c9/njxtBWwtdfi2B3wV7km38ibhD1Lq/VXpnEpeaUykTeQvIeYTblgxnhn8QTqNxYK/Ur/Tr75gO+sAoOLFKrFhnTcGOlKfjbxWCsRzvUaluiNRk0L5xO6ibMifcmFvPbLZlbzpS/gAWvLAKHzbooIA2YEUZk4RdIoJ+Kndlwp9X/5t8PdI/Umn92+BaESkz8xwFivfhoegoj5zucZuINIHJHG68OWIle8G39zMnniAaVxLvQjfDMBnrzEBVHoRPvTN41NIQyp3q93YDasBD76N+QVQ9f/p93dogDINPPgeSQAAjwUhhMcFcFwKQY3GAhHDo1OoEqeG78tfcvrbqzThcZsYW0a7BZESPK6M6jSyqMrS6X/lhPAtVcrvI6QEH0oqCahX/k8ANXEdKeZ4lSIISnjlH9HTPJCuScUZMTykz6PUDzTtIKjhof4P7rALekdKNRGIq3fKtPDgz7TPxAM1dqYXDvUwcow9N4VZZeZTiYCPJhtsqVllVvAln8+RPLxQX7ZsPgC2clM6fYTDXb5qcJj1lmy4e3jIG68y6aYN2cp3Lq98LKXq9CXxhtWZm8K4DxoMRZOCOg9l2/izMuiOoeyoxgCvgjzQ7rDpPGZ1ijB0grkNaHY4eIQnO5AjjdZrtgHXQBI3VWUvPGbNLbf/wH4DdA1uqH0wxggAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAQAAACSoYmJAAAAAmJLR0QA/4ePzL8AAAJ+SURBVHja7dm9axRBGIDxNyvs5SCCMU0ag0bs7CwO1OqIFoJfYBSCjY3YKYr4EdLqQbho8KMQSaHYRAIeBo1aCGJtIygWAdHcEeUiGFCMxDxW4u7d5dzczG72lXn+gfwYcrMz74i4XC6Xy+Vy/dfhc4U5PlMkowc9wp8eqWFTBXVswk3Rrg+tgw0K2aCQDQrZoJANCtmgkA0K2aCQDQrZkHI2XexggHNco8RzXjHNHNFK+ihFN/0UeUoFk5Jhk2Uvt3iHreJl084RSnzDdnGx2cp1vhBX9tns5CFLxJvNnYQcL0gmO6vNBsZjX+Fgl03BHseZJ9lmzcg9vCT5Kibk/ZG/aHa71Cq4jaFE/4/Nf4j43AVt5AerRG51lybDlLZV9hhXtsoi3FC2yiKc0LfKORYM/vAP3jLJVU5xjIPk2UYv6+Ne5WxLB/oKE5whTw9ei3dEkwMSwyvCznCTATYaX2yNyDkWI3I/Mkofa1Z9WEOGNxG43xljO23WRghmJ2dO/hNcZZAuq3MPQ3IHn5qC57lIh+Vhjen9hMEm4CXG6LY+YTImr2tyu37PrlQ+X3B+WXKJzlQ+FOEx3RD8i7Mr2yciom3ctdm9zCf5cCxTU0vjgYkG5AX2WJuX2H9mppOfdeRFDlicShWtj7w42mCdT1sdpfmMUGWWYWtTOu7Xke9JuiNTNzuaMd/k4kbn675+fZL2GKpB35H0x5Oaja43/WSPryH0qIZ13lzz2d6kAb0vhJ4UDXEhhO7Xgb4dOiCt1YF+HEA/Ex3x2uLTTGLoDwH0IS3o4HvKFi3o4Ek6qwVd/nu2Ey1RUPczFMGnQJkyBXxxuVwul8vlcomIyG9Q0pvnp+lK0QAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/terms.a760e37d.txt\";","export default __webpack_public_path__ + \"static/media/policy.b3c7a348.txt\";","import React from \"react\";\nimport Earned from \"../components/Earned\";\nimport Leaving from \"../components/Leaving\";\nimport Share from \"../components/Share\";\nimport ShareDone from \"../components/ShareDone\";\nimport RewardInformation from \"../components/RewardInformation\";\nimport { Spring } from \"react-spring/renderprops\";\nimport AuthGiveaways from \"../components/AuthGiveaways\";\n\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nimport Slider from \"react-slick\";\n\nimport \"./styles/MainPage.css\";\n\nimport imageCorrect from \"../images/icon_done.png\";\nimport close from \"../images/icon_delete.png\";\nimport forward from \"../images/icon_forward.png\";\nimport Loader from \"react-loader-spinner\";\nimport sadImage from \"../images/icon_sad.png\";\nimport giftImage from \"../images/icon_gift.png\";\nimport winkImage from \"../images/icon_wink.png\";\n\nimport termsTxt from \"../info/terms.txt\";\nimport policyTxt from \"../info/policy.txt\";\n\nimport uuid from \"react-uuid\";\n\nimport { createGlobalStyle } from \"styled-components\";\n\n//import { Mixpanel } from '../Mixpanel.js'\nimport * as ConfigValues from \"../constants.js\";\n\nconst SCREEN_MAX_WIDTH = 650;\n\nconst GlobalFontOpenSans = createGlobalStyle` body { font-family: 'Open Sans', sans-serif; } `;\nconst GlobalFontRoboto = createGlobalStyle` body { font-family: 'Roboto', sans-serif; }`;\n\nconst API_BASE = \"https://bonnusapi.azure-api.net/api/\";\nconst API_LANDING = \"gvlanding/\";\nconst API_VALIDATE = \"gvvalidate/\";\nconst API_REDEEM = \"gvredeem/\";\nconst API_SHARE = \"share/\";\n\n// const API_BASE = \"https://bonnusapi30dev.azurewebsites.net/api/\"\n// const API_LANDING = \"giveaways/landing/\"\n// const API_VALIDATE = \"giveaways/validate/\"\n// const API_REDEEM = \"redeemGiveaways/\"\n// const API_SHARE = \"share/\"\n\nclass MainPage extends React.Component {\n state = {\n pageState: \"LOADING_START\",\n loadingCreate: false,\n\n errorMessage: \"Recompensa inválida.\",\n\n showAuthGiveaways: false,\n showEarnedReward: false,\n showDataEnrichment: false,\n showClaimedReward: false,\n\n stateCampaign: undefined,\n configuration: undefined,\n partnerConfig: undefined,\n arrayCampaigns: undefined,\n\n giveaway: undefined,\n userReference: undefined,\n userId: undefined,\n alertState: false,\n alertMessage: undefined,\n termsText: \"\",\n helpText: \"\",\n instructionsText: \"\",\n\n rewardGuiderSubtitle: \"te premia con:\",\n giveawayIsActive: false,\n };\n\n constructor(props) {\n super(props);\n\n //this.activityId = props.match.params.activityId\n //this.listState = this.props.location.state\n //this.bonnusId = props.match.params.bonnusId\n\n this.alias = props.match.params.alias;\n\n ////Put incoming code from the path in the input field, does not apply for multiple fields\n ////this.fieldValue = \"\"\n if (props.match.params.field !== undefined)\n this.fieldValue = props.match.params.field;\n\n this.fieldListValue = [];\n this.dataEnrichListValue = [];\n this.fontId = 1;\n this.currentSlide = 0;\n this.isRedeeming = false;\n\n this.detectBrowser();\n\n window.addEventListener(\"resize\", this.updateDimensions);\n this.updateDimensions();\n\n fetch(termsTxt)\n .then((r) => r.text())\n .then((text) => {\n this.setState({ termsText: text });\n });\n\n fetch(policyTxt)\n .then((r) => r.text())\n .then((text) => {\n this.setState({ helpText: text });\n });\n }\n\n updateDimensions = () => {\n if (this.ismounted) {\n this.setState({ state: this.state });\n }\n };\n\n componentDidMount() {\n this.ismounted = true;\n\n if (this.alias !== undefined) {\n this.fetchGiveawaysAuth();\n } else {\n this.setState({\n pageState: \"NOTHING\",\n });\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.state.giveawayIsActive) {\n this.integrateChat();\n }\n }\n\n integrateChat = () => {\n const script = document.createElement(\"script\");\n script.src = \"//eu.fw-cdn.com/12817170/793962.js\";\n script.async = true;\n script.onload = () => {\n if (window.fcWidget) {\n window.fcWidget.init();\n\n // Configurar el usuario\n window.fcWidget.setExternalId(\"202000001781\");\n window.fcWidget.user.setFirstName(\"Hiram\");\n window.fcWidget.user.setEmail(\"hiram.hernandez@bonnus.me\");\n window.fcWidget.user.setProperties({\n cf_plan: \"Pro\", // propiedad meta 1\n cf_status: \"Active\", // propiedad meta 2\n });\n } else {\n console.error(\"fcWidget no está disponible\");\n }\n };\n\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n };\n\n componentWillUnmount() {\n this.ismounted = false;\n }\n\n fetchGiveawaysAuth = async () => {\n const settings = {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": \"41049999bd394b9e89dc297a7b23559a\",\n },\n };\n\n try {\n const response = await fetch(\n `${API_BASE}${API_LANDING}${this.alias}`,\n settings\n );\n const responseData = await response.json();\n console.log(\n `fetchGiveawaysAuth ${this.API_LANDING} - ${this.alias} ---->`,\n responseData\n );\n const { layoutConfiguration, giveaway, message } = responseData;\n\n if (giveaway !== undefined || layoutConfiguration !== undefined) {\n //Mixpanel.track(ConfigValues.MIXPANEL_TAG_FIELD, { \"giveawayAlias\" : this.props.alias} );\n\n //Cambiamos el estado del giveaway\n this.setState({ giveawayIsActive: giveaway.isActive });\n\n if (giveaway.private) {\n this.setState({\n pageState: \"AUTH_GIVEAWAYS\",\n showAuthGiveaways: true,\n giveaway: giveaway,\n configuration: layoutConfiguration,\n });\n } else {\n const deviceId = localStorage.getItem(\"bonnusGiveawaysDeviceId\");\n if (deviceId == null || deviceId === \"\") {\n localStorage.setItem(\"bonnusGiveawaysDeviceId\", uuid());\n }\n\n this.setState({\n giveaway: giveaway,\n configuration: layoutConfiguration,\n });\n this.fetchGiveawaysBuilder(null);\n }\n } else {\n if (message !== undefined) {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n errorMessage: message,\n configuration: undefined,\n });\n } else {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n configuration: undefined,\n });\n }\n }\n } catch (error) {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n messageError: error,\n configuration: undefined,\n });\n }\n };\n\n onClickFieldsLayout = (values, dataEnrich) => {\n this.fetchGiveawaysBuilder(values, dataEnrich);\n };\n\n fetchGiveawaysBuilder = async (fieldValues, dataEnrichListValues = []) => {\n this.setState({\n loadingCreate: true,\n });\n\n let data = { giveawayId: this.state.giveaway.id };\n if (fieldValues != null && fieldValues.length !== 0) {\n data.dataEnrich = \"\";\n let fieldNumber = 1;\n fieldValues.forEach((element) => {\n data[`field${fieldNumber}`] = element;\n fieldNumber++;\n });\n } else {\n data.deviceId = localStorage.getItem(\"bonnusGiveawaysDeviceId\");\n }\n\n if (dataEnrichListValues !== null && dataEnrichListValues.length > 0) {\n let listToString = \"\";\n dataEnrichListValues.forEach((element) => {\n listToString += `\"${element.name}\": \"${element.value}\",`;\n });\n data.dataEnrich = `{${listToString.substring(\n 0,\n listToString.length - 1\n )}}`;\n }\n\n const settings = {\n method: \"POST\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": \"41049999bd394b9e89dc297a7b23559a\",\n },\n body: JSON.stringify(data),\n };\n\n try {\n const response = await fetch(`${API_BASE}${API_VALIDATE}`, settings);\n const responseData = await response.json();\n const {\n campaigns,\n layoutConfiguration,\n configuration,\n userReference,\n userid,\n deviceId,\n bonnusId,\n code,\n message,\n } = responseData;\n\n if (\n campaigns !== undefined ||\n layoutConfiguration !== undefined ||\n configuration !== undefined\n ) {\n if (campaigns.length === 1) {\n //Mixpanel.track(ConfigValues.MIXPANEL_TAG_FIELD, {\"earnedCampaignId\": campaigns[0].id});\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n\n showAuthGiveaways: false,\n showEarnedReward: !campaigns[0].wasRedeemed,\n showDataEnrichment: false,\n showClaimedReward: campaigns[0].wasRedeemed,\n\n stateCampaign: campaigns[0],\n configuration: layoutConfiguration,\n partnerConfig: configuration,\n arrayCampaigns: undefined,\n\n userReference: userReference,\n userId: userid,\n deviceId: deviceId,\n termsText: campaigns[0].terms,\n instructionsText: campaigns[0].instructions,\n helpText: configuration.support,\n });\n } else {\n //campaigns.map( (item) => (\n // Mixpanel.track(ConfigValues.MIXPANEL_TAG_FIELD, {\"earnedCampaignId\": item.id})\n //))\n this.setState({\n pageState: \"SUCCESS_LOADING_CAROUSEL\",\n loadingCreate: false,\n\n showAuthGiveaways: false,\n showEarnedReward: true,\n showDataEnrichment: false,\n showClaimedReward: false,\n\n stateCampaign: undefined,\n configuration: layoutConfiguration,\n partnerConfig: configuration,\n arrayCampaigns: campaigns,\n\n userReference: userReference,\n userId: userid,\n deviceId: deviceId,\n helpText: configuration.support,\n });\n }\n } else if (bonnusId !== undefined) {\n this.bonnusId = bonnusId;\n this.fetchRedeemReadOnly();\n } else if (\n code !== undefined &&\n code === 400 &&\n this.state.pageState !== \"LOADING_START\"\n ) {\n this.setState({\n loadingCreate: false,\n alertState: true,\n alertMessage: message,\n });\n } else if (\n code !== undefined &&\n code === 400 &&\n this.state.pageState === \"LOADING_START\"\n ) {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n errorMessage: message,\n });\n } else {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n });\n }\n } catch (error) {\n this.setState({\n pageState: \"ERROR_LOADING_START\",\n });\n }\n };\n\n fetchRedeemReadOnly = async () => {\n const data = {\n bonnusId: this.bonnusId,\n };\n const settings = {\n method: \"POST\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": \"41049999bd394b9e89dc297a7b23559a\",\n },\n body: JSON.stringify(data),\n };\n\n try {\n const response = await fetch(`${API_BASE}${API_REDEEM}`, settings);\n const { bonnus, layoutConfiguration, configuration } =\n await response.json();\n\n if (bonnus !== undefined) {\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n showEarnedReward: false,\n showDataEnrichment: false,\n showClaimedReward: true,\n stateCampaign: bonnus,\n configuration: layoutConfiguration,\n partnerConfig: configuration,\n });\n } else {\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n });\n }\n } catch (error) {\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n });\n }\n };\n\n onDataEnrichment = (e) => {\n try {\n window.AndroidInterface.onMessage(\"Claim Clicked\");\n } catch (error) {}\n try {\n window.webkit.messageHandlers.AppleInterface.postMessage(\"Claim Clicked\");\n } catch (error) {}\n\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: true,\n showDataEnrichment: false,\n showClaimedReward: false,\n configuration: this.state.configuration,\n });\n\n setTimeout(() => {\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n showDataEnrichment: true,\n showClaimedReward: false,\n configuration: this.state.configuration,\n });\n }, 1000);\n };\n\n onEmailChange = (text) => {\n this.emailData = text;\n };\n\n fetchRedeem = async (id) => {\n try {\n window.AndroidInterface.onMessage(\"Generate Clicked\");\n } catch (error) {}\n try {\n window.webkit.messageHandlers.AppleInterface.postMessage(\n \"Generate Clicked\"\n );\n } catch (error) {}\n try {\n window.parent.postMessage(\"Generate Clicked\", \"*\");\n } catch (error) {}\n\n this.setState({\n loadingCreate: true,\n });\n\n let data = {};\n if (this.state.giveaway.private) {\n data = {\n giveawayId: this.state.giveaway.id,\n campaignId: id,\n data: {\n id: this.state.userId,\n birthDate: \"\",\n zipCode: \"\",\n gender: \"\",\n geo: \"\",\n email: this.emailData,\n name: \"\",\n lastName: \"\",\n city: \"\",\n state: \"\",\n },\n };\n } else {\n data = {\n giveawayId: this.state.giveaway.id,\n campaignId: id,\n data: {\n deviceId: this.state.deviceId,\n birthDate: \"\",\n zipCode: \"\",\n gender: \"\",\n geo: \"\",\n email: this.emailData,\n name: \"\",\n lastName: \"\",\n city: \"\",\n state: \"\",\n },\n };\n }\n\n const settings = {\n method: \"POST\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": \"41049999bd394b9e89dc297a7b23559a\",\n },\n body: JSON.stringify(data),\n };\n try {\n const response = await fetch(`${API_BASE}${API_REDEEM}`, settings);\n const { bonnus } = await response.json();\n\n if (bonnus !== undefined) {\n //Mixpanel.track(ConfigValues.MIXPANEL_TAG_FIELD, {\"redeemCampaignId\": bonnus.id});\n this.isRedeeming = true;\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n loadingCreate: false,\n showEarnedReward: false,\n showDataEnrichment: false,\n showClaimedReward: true,\n stateCampaign: bonnus,\n });\n } else {\n await this.setState({\n pageState: \"ERROR_LOADING_START\",\n loadingCreate: false,\n });\n }\n } catch (error) {\n await this.setState({\n pageState: \"ERROR_LOADING_START\",\n loadingCreate: false,\n });\n }\n };\n\n onTermsConditionsGiveaways = (e) => {\n this.setState({\n pageState: \"TERMS_CONDITIONS_GIVEAWAYS\",\n });\n };\n\n onTermsConditions = (e) => {\n this.setState({\n pageState: \"TERMS_CONDITIONS\",\n });\n };\n\n onHelp = (e) => {\n this.setState({\n pageState: \"HELP\",\n });\n };\n\n onInstructions = (e) => {\n this.setState({\n pageState: \"INSTRUCTIONS\",\n });\n };\n\n onShare = (e) => {\n this.setState({\n pageState: \"SHARE\",\n });\n };\n\n onLeave = (e) => {\n if (this.isDetail !== undefined && this.isDetail === true) {\n this.props.history.goBack();\n } else if (this.state.showClaimedReward) {\n try {\n if (this.isMobile) {\n try {\n window.AndroidInterface.onMessage(\"LeaveOK\");\n } catch (error) {}\n try {\n window.webkit.messageHandlers.AppleInterface.postMessage(\"LeaveOK\");\n } catch (error) {}\n try {\n window.parent.postMessage(\"LeaveOK\", \"*\");\n } catch (error) {}\n } else {\n if (\n this.state.configuration.buttonClose !== undefined &&\n this.state.configuration.buttonClose.web !== undefined &&\n this.state.configuration.buttonClose.web.action !== undefined\n )\n window.run(this.state.configuration.buttonClose.web.action);\n }\n } catch (error) {}\n } else {\n this.setState({\n pageState: \"LEAVE\",\n });\n }\n };\n\n detectBrowser = () => {\n var ua = navigator.userAgent;\n try {\n if (/Android|iPhone|iPad|iPod/i.test(ua)) this.isMobile = true;\n else this.isMobile = false;\n } catch (error) {}\n return ua;\n };\n\n onShowReward = (e) => {\n setTimeout(() => {\n if (this.state.showAuthGiveaways) {\n this.setState({\n pageState: \"AUTH_GIVEAWAYS\",\n });\n } else if (\n this.state.showClaimedReward ||\n this.state.arrayCampaigns === undefined\n ) {\n this.setState({\n pageState: \"SUCCESS_LOAD_CARD\",\n });\n } else {\n this.setState({\n pageState: \"SUCCESS_LOADING_CAROUSEL\",\n });\n }\n }, 150);\n };\n\n onLeaveReward = (e) => {\n setTimeout(() => {\n try {\n if (this.isMobile) {\n try {\n window.AndroidInterface.onMessage(\"Leave Clicked\");\n } catch (error) {}\n try {\n window.webkit.messageHandlers.AppleInterface.postMessage(\n \"Leave Clicked\"\n );\n } catch (error) {}\n try {\n window.parent.postMessage(\"Leave Clicked\", \"*\");\n } catch (error) {}\n } else {\n if (\n this.state.configuration.buttonClose !== undefined &&\n this.state.configuration.buttonClose.web !== undefined &&\n this.state.configuration.buttonClose.web.action !== undefined\n )\n window.run(this.state.configuration.buttonClose.web.action);\n }\n } catch (error) {}\n }, 150);\n };\n\n onShareReward = async (name, otherName, otherEmail) => {\n try {\n try {\n window.AndroidInterface.onMessage(\"Share Clicked\");\n } catch (error) {}\n try {\n window.webkit.messageHandlers.AppleInterface.postMessage(\n \"Share Clicked\"\n );\n } catch (error) {}\n try {\n window.parent.postMessage(\"Share Clicked\", \"*\");\n } catch (error) {}\n } catch (error) {}\n\n this.setState({\n pageState: this.state.pageState,\n loadingCreate: true,\n showDataEnrichment: this.state.showDataEnrichment,\n showClaimedReward: this.state.showClaimedReward,\n configuration: this.state.configuration,\n });\n const data = {\n data: {\n email: otherEmail,\n name: otherName,\n },\n };\n const settings = {\n method: \"POST\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": \"41049999bd394b9e89dc297a7b23559a\",\n },\n body: JSON.stringify(data),\n };\n try {\n await fetch(`${API_BASE}${API_SHARE}${this.activityId}`, settings);\n await this.setState({\n pageState: \"SHARE_DONE\",\n loadingCreate: false,\n shareName: name,\n shareOtherName: otherName,\n shareOtherEmail: otherEmail,\n });\n } catch (error) {\n this.setState({\n pageState: \"SHARE\",\n loadingCreate: false,\n shareName: name,\n shareOtherName: otherName,\n shareOtherEmail: otherEmail,\n });\n }\n };\n\n renderSlides = () => {\n return this.state.arrayCampaigns.map((item, index) => (\n
\n ));\n };\n\n onChangeSlider = (index) => {\n this.currentSlide = index;\n };\n\n alertChangeState = (value) => {\n this.setState({\n alertState: value,\n });\n };\n\n extraInformationAlert = (index) => {\n try {\n this.setState({\n alertState: true,\n alertMessage: this.state.giveaway.fields[index].help_text,\n });\n } catch (ex) {}\n };\n\n onChangeFieldValue = (value) => {\n this.fieldListValue = value;\n };\n\n onChangeDataEnrichListValue = (value) => {\n this.dataEnrichListValue = value;\n };\n\n render() {\n let loader = (\n
\n \n \n \n );\n\n let loaderState;\n if (this.state.loadingCreate === true) loaderState = loader;\n else loaderState =
;\n\n let globalBackground = {};\n if (\n this.state.configuration !== undefined &&\n this.state.configuration.z_gb !== undefined\n )\n globalBackground = { background: this.state.configuration.z_gb };\n let globalBackgroundEmpty = {};\n let globalBackgroundState;\n if (this.state.configuration !== undefined) {\n globalBackgroundState = globalBackground;\n } else {\n globalBackgroundState = globalBackgroundEmpty;\n }\n\n let carouselInstructionsAndDotsStyle = {};\n if (\n this.state.configuration !== undefined &&\n this.state.configuration.z_ab_txtClr !== undefined\n ) {\n carouselInstructionsAndDotsStyle.color =\n this.state.configuration.z_ab_txtClr;\n }\n\n if (window.innerWidth > SCREEN_MAX_WIDTH) {\n globalBackgroundState.justifyContent = \"center\";\n } else {\n globalBackgroundState.justifyContent = \"center\";\n }\n\n let helpText;\n if (this.state.partnerConfig !== undefined)\n helpText = this.state.partnerConfig.support;\n else helpText = this.state.helpText;\n\n let globalFont;\n switch (this.fontId) {\n case 1:\n globalFont =
;\n break;\n case 2:\n globalFont =
;\n break;\n default:\n globalFont =
;\n break;\n }\n\n switch (this.state.pageState) {\n case \"LOADING_START\":\n return (\n
\n {loader}\n
\n );\n case \"ERROR_LOADING_START\":\n return (\n
\n
{this.state.errorMessage}
\n
\n );\n case \"AUTH_GIVEAWAYS\":\n return (\n
\n {globalFont}\n
\n {loaderState}\n
\n );\n case \"SUCCESS_LOADING_CAROUSEL\":\n return (\n
\n {globalFont}\n
\n {(props) => (\n \n
\n {this.renderSlides()}\n \n\n \n
\n {this.state.partnerConfig.carruselText}\n \n )}\n \n {loaderState}\n
\n {globalFont}\n {this.state.showClaimedReward ||\n this.state.arrayCampaigns === undefined ? (\n \n ) : (\n \n )}\n
\n );\n case \"HELP\":\n return (\n