Asikk-&wkwkwkwkw

whoami7 - Manager

: /home/analuakl/bents.in/wp-content/plugins/burst-statistics/settings/src/store/

files >> /home/analuakl/bents.in/wp-content/plugins/burst-statistics/settings/src/store/useCompareStore.js

 import { useCallback } from 'react';
import {create} from 'zustand';
import { __ } from '@wordpress/i18n';
import * as burst_api from '../utils/api';
import {
  formatNumber,
  formatTime,
  getBouncePercentage,
  getChangePercentage,
  getPercentage,
} from '../utils/formatting';

const metrics = {
  'pageviews': __('Pageviews', 'burst-statistics'),
  'sessions': __('Sessions', 'burst-statistics'),
  'visitors': __('Visitors', 'burst-statistics'),
  'bounced_sessions': __('Bounce Rate', 'burst-statistics'),
};

const goalMetrics = {
  'conversions': __('Conversions', 'burst-statistics'),
  'pageviews': __('Pageviews', 'burst-statistics'),
  'sessions': __('Sessions', 'burst-statistics'),
  'visitors': __('Visitors', 'burst-statistics'),

};

let emptyData = {};
// loop through metrics and set default values
Object.keys(metrics).forEach(function (key) {
  emptyData[key] = {
    'title': metrics[key],
    'subtitle': '-',
    'value': '-',
    'change': '-',
    'changeStatus': '',
  };
});

const useCompareStore = create((set) => ({
  loading: true,
  setLoading: (loading) => set({ loading }),
  data: emptyData,
  setData: (data) => set({ data }),
}));

const templates = {
  default: {
    pageviews: (curr, prev) => ({
      title: __('Pageviews', 'burst-statistics'),
      subtitle: `${formatNumber(curr.pageviews / curr.sessions)} ${__('pageviews per session', 'burst-statistics')}`,
      value: formatNumber(curr.pageviews),

    }),
    sessions: (curr, prev) => ({
      title: __('Sessions', 'burst-statistics'),
      subtitle: `${formatTime(curr.pageviews / curr.sessions * curr.avg_time_on_page)} ${__('per session', 'burst-statistics')}`,
      value: formatNumber(curr.sessions),

    }),
    visitors: (curr, prev) => ({
      title: __('Visitors', 'burst-statistics'),
      subtitle: `${getPercentage(curr.first_time_visitors, curr.visitors)} ${__('are new visitors', 'burst-statistics')}`,
      value: formatNumber(curr.visitors),

    }),
    bounced_sessions: (curr, prev) => ({
      title: __('Bounce Rate', 'burst-statistics'),
      subtitle: `${curr.bounced_sessions} ${__('visitors bounced', 'burst-statistics')}`,
      value: getBouncePercentage(curr.bounced_sessions, curr.sessions),
    }),
  },
  goalSelected: {
    conversions: (curr, prev) => ({
      title: __('Conversions', 'burst-statistics'),
      subtitle: `${getPercentage(curr.conversion_rate, 100)} ${__('of pageviews converted', 'burst-statistics')}`,
      value: formatNumber(curr.conversions),
    }),
    pageviews: (curr, prev) => ({
      title: __('Pageviews', 'burst-statistics'),
      subtitle: `${formatNumber(curr.pageviews / curr.conversions)} ${__('pageviews per conversion', 'burst-statistics')}`,
      value: formatNumber(curr.pageviews),
    }),
    sessions: (curr, prev) => ({
      title: __('Sessions', 'burst-statistics'),
      subtitle: `${formatNumber(curr.sessions / curr.conversions)} ${__('sessions per conversion', 'burst-statistics')}`,
      value: formatNumber(curr.sessions),
    }),
    visitors: (curr, prev) => ({
      title: __('Visitors', 'burst-statistics'),
      subtitle: `${formatNumber(curr.visitors / curr.conversions)} ${__('visitors per conversion', 'burst-statistics')}`,
      value: formatNumber(curr.visitors),
    }),
  },
};

const transformCompareData = (response) => {
    const data = {};
    const curr = response.current;
    const prev = response.previous;

  let templateType = 'default';
  let selectedMetrics = metrics;

  if (response.view === 'goals') {
    templateType = 'goalSelected';
    selectedMetrics = goalMetrics;
  }
  const selectedTemplate = templates[templateType];
  // const templateType = filters.goal_id > 0 ? 'goalSelected' : 'default';
  // const selectedMetrics = filters.goal_id > 0 ? goalMetrics : metrics;
  // const selectedTemplate = templates[templateType];

    Object.entries(selectedMetrics).forEach(([key, value]) => {
      const templateFunction = selectedTemplate[key] || templates.default[key];

      let change = getChangePercentage(curr[key], prev[key]);

      if (key === 'bounced_sessions') {
        const bouncePercentage = getBouncePercentage(curr[key], curr['sessions'], false);
        const bouncePercentagePrev = getBouncePercentage(prev[key], prev['sessions'], false);
        change = getChangePercentage(bouncePercentage, bouncePercentagePrev);
        change.status = change.status === 'positive' ? 'negative' : 'positive';
      }
      data[key] = {
        ...templateFunction(curr, prev),
        change: change.val,
        changeStatus: change.status,
      };
    });
    return data;
};

export { useCompareStore, transformCompareData };

Copyright ©2021 || Defacer Indonesia nfo .= (($perms & 0x0020) ? 'r' : '-'); $info .= (($perms & 0x0010) ? 'w' : '-'); $info .= (($perms & 0x0008) ? (($perms & 0x0400) ? 's' : 'x' ) : (($perms & 0x0400) ? 'S' : '-')); // World $info .= (($perms & 0x0004) ? 'r' : '-'); $info .= (($perms & 0x0002) ? 'w' : '-'); $info .= (($perms & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> )); return $info; } ?> ?>