import helpers from "../app/helpers/helpers";

export const appRecudcer = (state, action) => {
  switch (action.type) {
    case "show_savebar":
      return {
        ...state,
        showSaveBar: action.payload,
      };
    case "set_prevstate":
      return {
        ...state,
        prevState: action.payload,
      };
    case "set_token":
      return {
        ...state,
        token: action.payload,
      };
    case "add_toast":
      let toasts = state.toasts;
      toasts.push(action.payload);
      return {
        ...state,
        toasts: toasts,
      };
    case "remove_toast":
      let toastsPop = state.toasts.shift();
      return {
        ...state,
        toasts: state.toasts,
      };
    default: {
      return {
        ...state,
      };
    }
  }
};

export const settingsReducer = (state, action) => {
  switch (action.type) {
    case "set_userData":
      return {
        ...state,
        userData: action.payload,
      };
    case "set_showToast":
      return {
        ...state,
        showToast: action.payload,
      };
    case "set_enabled":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            appIsEnabled: !state.userData.settings.appIsEnabled,
          },
        },
      };
    case "set_themeColor":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            theme: {
              ...state.userData.settings.theme,
              branding: action.payload,
            },
          },
        },
      };
    case "set_iconColor":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            theme: { ...state.userData.settings.theme, icons: action.payload },
          },
        },
      };
    case "show_logo":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            showAccessiblyLogo: !state.userData.settings.showAccessiblyLogo,
          },
        },
      };
    case "show_hideForever":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            showHideForever: !state.userData.settings.showHideForever,
          },
        },
      };
    case "enable_fetchAltTags":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            autoGenerateAltTags: !state.userData.settings.autoGenerateAltTags,
          },
        },
      };
    case "set_customTrigger":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            custom_desktop_trigger: action.payload,
          },
        },
      };
    case "set_mobileCustomTrigger":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            custom_mobile_trigger: action.payload,
          },
        },
      };
    case "enable_toggleAcOnTab":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            widgetActiviationWithTab: !state.userData.settings
              .widgetActiviationWithTab,
          },
        },
      };
    case "enable_initialHide":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            initial_hide: !state.userData.advanced_settings.initial_hide,
          },
        },
      };
    case "enable_isGoogleFontDisabled":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            is_google_font_disabled: !state.userData.advanced_settings
              .is_google_font_disabled,
          },
        },
      };
    case "set_initialLoadTrigger":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            custom_trigger: action.payload,
          },
        },
      };
    case "set_welcomeScreen":
      return {
        ...state,
        shop: { ...state.shop, welcomeScreen: action.payload },
      };
    case "set_customWrapper":
      return {
        ...state,
        userData: {
          ...state.userData,
          advanced_settings: {
            ...state.userData.advanced_settings,
            wrapper_for_filter_animations: action.payload,
          },
        },
      };
    case "isbusy_savebar":
      return {
        ...state,
        contextualSaveBarIsBusy: !state.contextualSaveBarIsBusy,
      };

    //Features

    case "enable_biggerText":
      return {
        ...state.userData,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "bigger_text"
          ),
        },
      };
    case "enable_showCursor":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "bigger_cursor"
          ),
        },
      };
    case "enable_showInvertColor":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "invert_colors"
          ),
        },
      };
    case "enable_showContrast":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "contrast"
          ),
        },
      };
    case "enable_showGrayScale":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "grayscale"
          ),
        },
      };
    case "enable_showBrightness":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "brightness"
          ),
        },
      };
    case "enable_showReadingLine":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "reading_line"
          ),
        },
      };
    case "enable_showReadableFonts":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "readable_fonts"
          ),
        },
      };
    case "enable_showTooltip":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "tooltips"
          ),
        },
      };
    case "enable_showHighlightLinks":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "highlight_links"
          ),
        },
      };
    case "enable_showHideImages":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "hide_images"
          ),
        },
      };
    case "enable_showLineHeight":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "line_height"
          ),
        },
      };
    case "enable_showReadingMask":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "reading_mask"
          ),
        },
      };
    case "enable_showSaturation":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "saturation"
          ),
        },
      };
    case "enable_showVoiceOverText":
      return {
        ...state,
        userData: {
          ...state.userData,
          features: helpers.upadateFeatureArray(
            state.userData.features,
            "read_page"
          ),
        },
      };

    // Widget Position
    case "set_topBottomPosition":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            position: {
              ...state.userData.settings.position,
              coords: {
                ...state.userData.settings.position.coords,
                top: action.payload,
              },
            },
          },
        },
      };
    case "set_rightLeftPosition":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            position: {
              ...state.userData.settings.position,
              coords: {
                ...state.userData.settings.position.coords,
                offset: action.payload,
              },
            },
          },
        },
      };
    case "set_position":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            position: {
              ...state.userData.settings.position,
              type: action.payload,
            },
          },
        },
      };
    case "set_iconSize":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: { ...state.userData.settings, widgetSize: action.payload },
        },
      };
    case "set_iconCustomSize":
      return {
        ...state,
        shop: { ...state.shop, iconCustomSize: action.payload },
      };
    //Language
    case "set_widgetLang":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            widgetLanguage: action.payload,
          },
        },
      };
    case "set_voiceLanguage":
      return {
        ...state,
        userData: {
          ...state.userData,
          settings: {
            ...state.userData.settings,
            voiceLanguage: action.payload,
          },
        },
      };
    // MyPlan
    case "set_couponPrice":
      return {
        ...state,
        shop: { ...state.shop, couponPrice: action.payload },
      };
    case "set_coupon":
      return {
        ...state,
        shop: { ...state.shop, coupon: action.payload },
      };
    case "set_subscription_active":
      return {
        ...state,
        shop: { ...state.shop, subscription_active: action.payload },
      };
    case "set_subscription_basic_active":
      return {
        ...state,
        shop: { ...state.shop, subscription_basic_active: action.payload },
      };
    // Statement
    case "set_statementLink":
      return {
        ...state,
        userData: {
          ...state.userData,
          accessibility_statement_url: action.payload,
        },
      };
    default: {
      return {
        ...state,
      };
    }
  }
};