Reset the prize

Wishlist Spinning Wheel
1

We would like to have a way to reset the prize and spin the wheel every day

2

Hi there, @Tuna_Homestay :wave:

Sounds interesting! If this request becomes popular, it might be considered in the future :slightly_smiling_face:

Max 3

Guys, if you’d like to implement this feature for your widget, it’s possible to do this with the custom code.

Just let us know in the comment and our devs will be happy to help!

1 Like
4

Yes, I would like the wheel to automatically reset on a daily or even hourly basis, allowing users to spin again after each transaction. Could you please assist us with setting this up?

5

Hi there, @Evaldas_Einikis :wave:

Please add this code to the Custom JS field on the Settings tab of your widget’s settings:

const WIDGET_ID = 'YOUR_WIDGET_ID';
const LOCAL_STORAGE_SELECTOR = `SpinningWheel.winningRewardId.${WIDGET_ID}`;
const SESSION_STORAGE_SELECTOR = `elfsight-spinning-wheel-${WIDGET_ID}`;
const RESET_AFTER_HOURS = 15;

const waitForElement = (selector, root = document) =>
  new Promise((res) => {
    let i = 0;

    const check = () => {
      const component = root.querySelector(selector);

      if (component) {
        res(component);
      } else if (i !== 50) {
        setTimeout(check, 100);
        i++;
      }
    };

    check();
  });

waitForElement(`.elfsight-app-${WIDGET_ID}`).then(() => {
  const lsValue = localStorage.getItem(LOCAL_STORAGE_SELECTOR);

  if (!lsValue) {
    return;
  }

  try {
    const parsedValue = JSON.parse(lsValue);

    if (
      parsedValue &&
      typeof parsedValue === 'object' &&
      typeof parsedValue.value === 'string' &&
      typeof parsedValue.timestamp === 'number'
    ) {
      const currentTimestamp = Math.floor(Date.now() / 1000);
      const timestamp = parsedValue.timestamp;
      const resetThreshold = RESET_AFTER_HOURS * 60 * 60;

      if (currentTimestamp - timestamp >= resetThreshold) {
        localStorage.removeItem(LOCAL_STORAGE_SELECTOR);
        sessionStorage.removeItem(SESSION_STORAGE_SELECTOR);
      }
    }
  } catch (e) {
    console.error('Error parsing localStorage value:', e);
  }
});

Note: This code resets the prize on daily basis.


Replace YOUR_WIDGET_ID in the 1st line of the code with the ID of your widget and let me know if it helped :slightly_smiling_face:

6

Hello Max,

The code brings the following error. If there is a bigger problem with both requirements, for now it would be sufficient for us to solve just the wheel reset problem so we can go live. Can you advise us on the code please.

Line 24: ‘container’ is defined but never used.

const WIDGET_ID = ‘8d7bf735-5ce7-4900-9d1d-5e993c88f399’;

const LOCAL_STORAGE_SELECTOR = SpinningWheel.winningRewardId.${WIDGET_ID};

const SESSION_STORAGE_SELECTOR = elfsight-spinning-wheel-${WIDGET_ID};

const RESET_AFTER_HOURS = 24;

const waitForElement = (selector, root = document) =>

new Promise((res) => {

let i = 0;

const check = () => {

const component = root.querySelector(selector);

if (component) {

res(component);

} else if (i !== 50) {

setTimeout(check, 100);

i++;

}

};

check();

});

waitForElement(.elfsight-app-${WIDGET_ID}).then((container) => {

const lsValue = localStorage.getItem(LOCAL_STORAGE_SELECTOR);

if (!lsValue) {

return;

}

try {

const parsedValue = JSON.parse(lsValue);

if (

parsedValue &&

typeof parsedValue === ‘object’ &&

typeof parsedValue.value === ‘string’ &&

typeof parsedValue.timestamp === ‘number’

) {

const currentTimestamp = Math.floor(Date.now() / 1000);

const timestamp = parsedValue.timestamp;

const resetThreshold = RESET_AFTER_HOURS * 60 * 60;

if (currentTimestamp - timestamp >= resetThreshold) {

localStorage.removeItem(LOCAL_STORAGE_SELECTOR);

sessionStorage.removeItem(SESSION_STORAGE_SELECTOR);

}

}

} catch (e) {

console.error(‘Error parsing localStorage value:’, e);

}

});

7

Hi @Evaldas_Einikis :wave:

This error doesn’t affect anything and everything should be working fine. However, we’ve adjusted the code and this error won’t appear anymore:

const WIDGET_ID = '8d7bf735-5ce7-4900-9d1d-5e993c88f399';
const LOCAL_STORAGE_SELECTOR = `SpinningWheel.winningRewardId.${WIDGET_ID}`;
const SESSION_STORAGE_SELECTOR = `elfsight-spinning-wheel-${WIDGET_ID}`;
const RESET_AFTER_HOURS = 15;

const waitForElement = (selector, root = document) =>
  new Promise((res) => {
    let i = 0;

    const check = () => {
      const component = root.querySelector(selector);

      if (component) {
        res(component);
      } else if (i !== 50) {
        setTimeout(check, 100);
        i++;
      }
    };

    check();
  });

waitForElement(`.elfsight-app-${WIDGET_ID}`).then(() => {
  const lsValue = localStorage.getItem(LOCAL_STORAGE_SELECTOR);

  if (!lsValue) {
    return;
  }

  try {
    const parsedValue = JSON.parse(lsValue);

    if (
      parsedValue &&
      typeof parsedValue === 'object' &&
      typeof parsedValue.value === 'string' &&
      typeof parsedValue.timestamp === 'number'
    ) {
      const currentTimestamp = Math.floor(Date.now() / 1000);
      const timestamp = parsedValue.timestamp;
      const resetThreshold = RESET_AFTER_HOURS * 60 * 60;

      if (currentTimestamp - timestamp >= resetThreshold) {
        localStorage.removeItem(LOCAL_STORAGE_SELECTOR);
        sessionStorage.removeItem(SESSION_STORAGE_SELECTOR);
      }
    }
  } catch (e) {
    console.error('Error parsing localStorage value:', e);
  }
});

Please check it out and let me know if it worked :slightly_smiling_face:

8

Hi, I implemented the code and set the reset 1 hour:
RESET_AFTER_HOURS = 1; After more than one hour I still could not spin the wheel.

Evaldas

9

Hello Max,

no it is working. Maybe some time needed to pass. Thanks a lot.

10

Great, you’re welcome :slightly_smiling_face:

11

Hello Max, what can I do if there is no Custom JS field and only a Custom CSS code field?

12

Hi @mystaceous :waving_hand:

Custom JS field is available in all widgets, including yours. You can find it on the Settings tab :slightly_smiling_face:

image
image1661×912 125 KB

13

Sorry about that, I was looking at options within my website, not the app. I appreciate the help!

14

No problem!

You’re always welcome :wink:

15

How do i configure it so it resets every month? Please and thank you.

16

Hi there, @Texas_Nights :waving_hand:

This code will help you reset the prize monthly:

const WIDGET_ID = 'YOUR_WIDGET_ID';
const LOCAL_STORAGE_SELECTOR = `SpinningWheel.winningRewardId.${WIDGET_ID}`;
const SESSION_STORAGE_SELECTOR = `elfsight-spinning-wheel-${WIDGET_ID}`;

const waitForElement = (selector, root = document) =>
  new Promise((res) => {
    let i = 0;

    const check = () => {
      const component = root.querySelector(selector);

      if (component) {
        res(component);
      } else if (i !== 50) {
        setTimeout(check, 100);
        i++;
      }
    };

    check();
  });

waitForElement(`.elfsight-app-${WIDGET_ID}`).then(() => {
  const lsValue = localStorage.getItem(LOCAL_STORAGE_SELECTOR);

  if (!lsValue) {
    return;
  }

  try {
    const parsedValue = JSON.parse(lsValue);

    if (
      parsedValue &&
      typeof parsedValue === 'object' &&
      typeof parsedValue.value === 'string' &&
      typeof parsedValue.timestamp === 'number'
    ) {
      const currentDate = new Date();
      const storedDate = new Date(parsedValue.timestamp * 1000);
      
      // ĐŸŃ€ĐŸĐČĐ”Ń€ŃĐ”ĐŒ, ĐžĐ·ĐŒĐ”ĐœĐžĐ»ŃŃ лО ĐŒĐ”ŃŃŃ†
      if (
        currentDate.getFullYear() !== storedDate.getFullYear() ||
        currentDate.getMonth() !== storedDate.getMonth()
      ) {
        localStorage.removeItem(LOCAL_STORAGE_SELECTOR);
        sessionStorage.removeItem(SESSION_STORAGE_SELECTOR);
      }
    }
  } catch (e) {
    console.error('Error parsing localStorage value:', e);
  }
});

Do not forget to replace YOUR_WIDGET_ID in the 1st line of the code with the ID of your widget :slightly_smiling_face: