@griddo/ax 12.5.0 → 12.5.2-rc.0

package/src/api/folders.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	CREATE_FOLDER: {

package/src/api/forms.tsx

@@ -1,4 +1,4 @@
-import {
+import type {
 	FormCategoriesOrderParams,
 	FormContent,
 	FormState,
@@ -7,7 +7,7 @@ import {
 	PutFormCategoryParams,
 } from "@ax/types";
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_FORMS: {

package/src/api/global.tsx

@@ -1,6 +1,6 @@
-import { ICreatePasswordParams } from "@ax/types";
+import type { ICreatePasswordParams } from "@ax/types";
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	LOGIN: {

package/src/api/images.tsx

@@ -1,7 +1,7 @@
 import { encodeData } from "@ax/helpers";
 import { template } from "./config";
-import { IServiceConfig, sendRequest, sendUploadRequest } from "./utils";
-import { IGetFolderParams } from "@ax/types";
+import { type IServiceConfig, sendRequest, sendUploadRequest } from "./utils";
+import type { IGetFolderParams } from "@ax/types";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	CREATE_IMAGE: {

package/src/api/integrations.tsx

@@ -1,7 +1,7 @@
-import { AxiosResponse } from "axios";
-import { IIntegration } from "@ax/types";
+import type { AxiosResponse } from "axios";
+import type { IIntegration } from "@ax/types";
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_INTEGRATIONS: {

package/src/api/languages.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { sendRequest, sendInitialRequest, IServiceConfig } from "./utils";
+import { sendRequest, sendInitialRequest, type IServiceConfig } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_LANGUAGES: {

package/src/api/logs.tsx

@@ -1,7 +1,7 @@
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
-import { LogActivityExportRequest, LogActivityPaginationRequest } from "@griddo/api-types";
+import { type IServiceConfig, sendRequest } from "./utils";
+import type { LogActivityExportRequest, LogActivityPaginationRequest } from "@griddo/api-types";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_LOG_ACTIVITY: {

package/src/api/menus.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_MENU: {

package/src/api/navigation.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest, sendUploadRequest } from "./utils";
+import { type IServiceConfig, sendRequest, sendUploadRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_NAVIGATION: {

package/src/api/redirects.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_REDIRECTS: {

package/src/api/roles.tsx

@@ -1,7 +1,7 @@
-import { IGetRoles, IActivateRole } from "@ax/types";
-import { AxiosResponse } from "axios";
+import type { IGetRoles, IActivateRole } from "@ax/types";
+import type { AxiosResponse } from "axios";
 import { template } from "./config";
-import { IServiceConfig, sendInitialRequest, sendRequest } from "./utils";
+import { type IServiceConfig, sendInitialRequest, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_ROLES: {

package/src/api/social.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_SOCIAL: {

package/src/api/users.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendInitialRequest, sendRequest } from "./utils";
+import { type IServiceConfig, sendInitialRequest, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_USERS: {

package/src/api/utils.tsx

@@ -1,4 +1,4 @@
-import axios, { AxiosRequestConfig, AxiosResponse, Method, ResponseType } from "axios";
+import axios, { type AxiosRequestConfig, type AxiosResponse, type Method, type ResponseType } from "axios";
 import { SET_ERROR } from "./../containers/App/constants";
 
 export interface IServiceConfig {

package/src/components/Avatar/index.tsx

@@ -9,7 +9,7 @@ const getAvatarColor = (name?: string): string => {
 	let hash = 0;
 	const normalized = name.toLowerCase();
 	for (let i = 0; i < normalized.length; i++) {
-		hash = ((hash << 5) - hash) + normalized.charCodeAt(i);
+		hash = (hash << 5) - hash + normalized.charCodeAt(i);
 		hash = hash & hash; // Convert to 32bit integer
 	}
 	return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];

package/src/components/Breadcrumb/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IBreadcrumbItem } from "@ax/types";
+import type { IBreadcrumbItem } from "@ax/types";
 import { Icon } from "@ax/components";
 
 import * as S from "./style";

package/src/components/Button/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import Icon from "../Icon";
 import Loader from "../Loader";
 

package/src/components/ConfigPanel/Form/ConnectedField/PageConnectedField/TemplateManager/index.tsx

@@ -38,7 +38,7 @@ export const TemplateManager = (props: IProps): JSX.Element => {
 	const isConfig = selectedTab === "config";
 	const templateFields = template[selectedTab];
 	const templateContent = selectedContent.template;
-	const modulesDataPacks = activatedPacks.map((pack: IDataPack) => pack.modules).flat();
+	const modulesDataPacks = activatedPacks.flatMap((pack: IDataPack) => pack.modules);
 
 	const getFieldProps = (field: ISchemaField) => {
 		const { key, type, whiteList = [], slugTo, readonly, disabled } = field;

package/src/components/ConfigPanel/NavigationForm/Field/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 import { SideModal, ActionMenu } from "@ax/components";
 import { useModal } from "@ax/hooks";
 import { pageEditorActions } from "@ax/containers/PageEditor";
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 
 import * as S from "./style";
 

package/src/components/ConfigPanel/NavigationForm/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { NoteField } from "@ax/components";
-import { ISchema } from "@ax/types";
+import type { ISchema } from "@ax/types";
 import Field from "./Field";
 
 import * as S from "./style";

package/src/components/ConfigPanel/PreviewForm/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { NoteField, Tabs } from "@ax/components";
-import { IUserEditing } from "@ax/types";
+import type { IUserEditing } from "@ax/types";
 
 import * as S from "./style";
 

package/src/components/DragAndDrop/index.tsx

@@ -1,4 +1,5 @@
-import React, { memo } from "react";
+import type React from "react";
+import { memo } from "react";
 import * as S from "./style";
 
 const DragAndDrop = (props: any) => {

package/src/components/EmptyState/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button, Icon } from "@ax/components";
-import { IEmptyStateProps } from "@ax/types";
+import type { IEmptyStateProps } from "@ax/types";
 
 import * as S from "./style";
 

package/src/components/ErrorCenter/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IErrorItem } from "@ax/types";
+import type { IErrorItem } from "@ax/types";
 import { Icon } from "@ax/components";
 
 import * as S from "./style";

package/src/components/FieldContainer/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IPage, ISite, ILanguage } from "@ax/types";
+import type { IPage, ISite, ILanguage } from "@ax/types";
 import { getNullValue, getDefaultSchema, getDefaultTemplate, findObjectValue } from "@ax/helpers";
 
 import { FieldsBehavior, HiddenField } from "@ax/components";

package/src/components/Fields/AIReferenceField/AIConfigPanel/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { Button, FieldsBehavior, Icon } from "@ax/components";
 import { sites, structuredData } from "@ax/api";
 import { isReqOk } from "@ax/helpers";
-import { IState } from "..";
+import type { IState } from "..";
 
 import * as S from "./style";
 

package/src/components/Fields/AIReferenceField/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { FloatingPanel, Icon } from "@ax/components";
 import { useModal } from "@ax/hooks";
-import { ISchemaField, ISite } from "@ax/types";
+import type { ISchemaField, ISite } from "@ax/types";
 import AIConfigPanel from "./AIConfigPanel";
 
 import * as S from "./style";

package/src/components/Fields/ArrayFieldGroup/helpers.ts

@@ -9,13 +9,7 @@ interface IGetArrayFieldsParams {
 	site: ISite | null;
 	actions: any;
 	onChange: (value: Record<string, unknown>, index: number) => void;
-	addComponentInArray: (
-		type: string,
-		key: string,
-		parentKey: string,
-		index: number,
-		isMultiple: boolean,
-	) => void;
+	addComponentInArray: (type: string, key: string, parentKey: string, index: number, isMultiple: boolean) => void;
 	replaceModuleInArray: (module: string, parent: any, key: string, parentKey: string, index: number) => void;
 	/** Each array variant resolves the field key differently (props.objKey vs field.key). */
 	getKey: (field: any) => string;

package/src/components/Fields/CheckGroup/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import { ICheck } from "@ax/types";
-import CheckField, { ICheckFieldProps } from "../CheckField";
+import type { ICheck } from "@ax/types";
+import CheckField, { type ICheckFieldProps } from "../CheckField";
 
 import * as S from "./style";
 

package/src/components/Fields/ColorPicker/Picker/index.tsx

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 import { hex3to6, defaultColors } from "./../helpers";
 
 import * as S from "./style";

package/src/components/Fields/ColorPicker/index.tsx

@@ -1,4 +1,5 @@
-import React, { useRef, useState, memo, useReducer, useCallback } from "react";
+import type React from "react";
+import { useRef, useState, memo, useReducer, useCallback } from "react";
 
 import { useHandleClickOutside } from "@ax/hooks";
 import { IconAction } from "@ax/components";

package/src/components/Fields/ComponentContainer/style.tsx

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { CSS, Transform } from "@dnd-kit/utilities";
+import { CSS, type Transform } from "@dnd-kit/utilities";
 
 const IconWrapper = styled.div`
   background-color: ${(p) => p.theme.color.uiBackground03};

package/src/components/Fields/ConditionalField/index.tsx

@@ -17,9 +17,7 @@ const ConditionalField = (props: IConditionalFieldProps) => {
 	return (
 		<S.Wrapper>
 			<RadioGroup name="radio" value={safeValue} options={options} onChange={handleChange} disabled={disabled} />
-			<S.Content data-testid="conditionalFieldContent">
-				{visibleFields}
-			</S.Content>
+			<S.Content data-testid="conditionalFieldContent">{visibleFields}</S.Content>
 		</S.Wrapper>
 	);
 };

package/src/components/Fields/FormCategorySelect/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { getSchemaFormCategories } from "@ax/helpers";
-import { ILanguage } from "@ax/types";
+import type { ILanguage } from "@ax/types";
 
-import MultiCheckSelectGroup, { IMultiCheckSelectGroupProps } from "../MultiCheckSelectGroup";
+import MultiCheckSelectGroup, { type IMultiCheckSelectGroupProps } from "../MultiCheckSelectGroup";
 
 const FormCategorySelect = (props: IFormCategorySelectProps): JSX.Element => {
 	const { categories } = props;

package/src/components/Fields/FormContainer/FormModal/index.tsx

@@ -1,7 +1,7 @@
-import React, { Dispatch, SetStateAction, useCallback, useEffect, useState } from "react";
+import React, { type Dispatch, type SetStateAction, useCallback, useEffect, useState } from "react";
 import { connect } from "react-redux";
 
-import { FormContent, GetFormsParams, IModal, IQueryValue, IRootState } from "@ax/types";
+import type { FormContent, GetFormsParams, IModal, IQueryValue, IRootState } from "@ax/types";
 import {
 	Button,
 	CategoryFilter,

package/src/components/Fields/FormContainer/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { useModal, usePermission } from "@ax/hooks";
 import { trimText } from "@ax/helpers";
 import { ActionMenu, HiddenField, Icon } from "@ax/components";
-import { FormContent, ISite } from "@ax/types";
+import type { FormContent, ISite } from "@ax/types";
 
 import FormModal from "./FormModal";
 

package/src/components/Fields/FormFieldArray/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import MixableComponentArray, { IMixableComponentArrayProps } from "../ComponentArray/MixableComponentArray";
+import MixableComponentArray, { type IMixableComponentArrayProps } from "../ComponentArray/MixableComponentArray";
 
 const FormFieldArray = (props: IMixableComponentArrayProps): JSX.Element => {
 	const formFieldArrayProps: IMixableComponentArrayProps = {

package/src/components/Fields/IntegrationsField/IntegrationItem/CustomPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 
-import { IIntegration } from "@ax/types";
+import type { IIntegration } from "@ax/types";
 import { FloatingPanel, Button, FieldsBehavior, NoteField } from "@ax/components";
 
 import * as S from "./style";

package/src/components/Fields/IntegrationsField/IntegrationItem/VariablesPanel/helpers.ts

@@ -1,4 +1,4 @@
-import { IIntegrationVariable } from "@ax/types";
+import type { IIntegrationVariable } from "@ax/types";
 
 const modifyVariableValue = (
 	variables: IIntegrationVariable[] | undefined,

package/src/components/Fields/IntegrationsField/IntegrationItem/VariablesPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useRef, useState } from "react";
 
-import { IIntegration, IIntegrationVariable, ILanguage } from "@ax/types";
+import type { IIntegration, IIntegrationVariable, ILanguage } from "@ax/types";
 import { FloatingPanel, Button, FieldsBehavior, NoteField } from "@ax/components";
 
 import * as S from "./style";

package/src/components/Fields/IntegrationsField/SideModal/SideModalOption/index.tsx

@@ -1,7 +1,7 @@
 import React, { memo } from "react";
 
 import Icon from "@ax/components/Icon";
-import { IIntegration } from "@ax/types";
+import type { IIntegration } from "@ax/types";
 
 import * as S from "./style";
 

package/src/components/Fields/LinkField/index.tsx

@@ -1,7 +1,7 @@
 import React, { memo } from "react";
 
 import { FieldsBehavior } from "@ax/components";
-import { ILinkField, IUrlField } from "@ax/types";
+import type { ILinkField, IUrlField } from "@ax/types";
 import { getNullValue } from "@ax/helpers";
 
 const LinkField = (props: ILinkFieldProps): JSX.Element => {

package/src/components/Fields/RadioGroup/index.tsx

@@ -1,5 +1,5 @@
-import React from "react";
-import RadioField, { IRadioFieldProps } from "../RadioField";
+import type React from "react";
+import RadioField, { type IRadioFieldProps } from "../RadioField";
 
 import * as S from "./style";
 

package/src/components/Fields/SliderField/index.tsx

@@ -1,4 +1,5 @@
-import React, { memo, useEffect, useRef } from "react";
+import type React from "react";
+import { memo, useEffect, useRef } from "react";
 
 import * as S from "./style";
 

package/src/components/Fields/TimeField/HourInput/index.tsx

@@ -1,4 +1,5 @@
-import React, { memo, useEffect, useRef, useState } from "react";
+import type React from "react";
+import { memo, useEffect, useRef, useState } from "react";
 import { isNumber } from "@ax/helpers";
 import { validateTimeAndCursor } from "./utils";
 

package/src/components/Fields/UrlField/utils.tsx

@@ -1,5 +1,5 @@
 import { getSchema } from "@ax/helpers";
-import { IPage, ISelectOption } from "@ax/types";
+import type { IPage, ISelectOption } from "@ax/types";
 
 const findSchemaComponentArrays = (component: string) => {
 	const keys: string[] = [];

package/src/components/Fields/VisualOption/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 import * as S from "./style";
 

package/src/components/Fields/Wysiwyg/atoms.tsx

@@ -132,8 +132,19 @@ interface ILinkPopoverProps {
 	x: number;
 	y: number;
 	selectedText?: string;
-	linkData?: { url: string; newTab: boolean; noFollow: boolean; isEditing: boolean; linkPageId?: number | null; isImageLink?: boolean } | null;
-	onInsert: (url: string, text: string, options?: { newTab: boolean; noFollow: boolean; linkTo?: number | null }) => void;
+	linkData?: {
+		url: string;
+		newTab: boolean;
+		noFollow: boolean;
+		isEditing: boolean;
+		linkPageId?: number | null;
+		isImageLink?: boolean;
+	} | null;
+	onInsert: (
+		url: string,
+		text: string,
+		options?: { newTab: boolean; noFollow: boolean; linkTo?: number | null },
+	) => void;
 	onClose: () => void;
 }
 

package/src/components/Fields/Wysiwyg/helpers.tsx

@@ -90,7 +90,7 @@ const getLanguageMenuHtml = (languages: { name: string; iso: string; featured?:
 const setLinkAttributes = (
 	element: HTMLElement | null,
 	url: string,
-	options?: { newTab?: boolean; noFollow?: boolean; linkTo?: number | null }
+	options?: { newTab?: boolean; noFollow?: boolean; linkTo?: number | null },
 ) => {
 	if (!element) return;
 	element.setAttribute("href", url);
@@ -140,4 +140,12 @@ const createPopupFunctions = (editor: any, editorEl: HTMLElement) => {
 	return { showPopup, showErrorPopup };
 };
 
-export { getRichTextConfig, parseClassNames, getLanguageMenuHtml, setLinkAttributes, getPopupPosition, createPopupFunctions, type IRichTextConfig };
+export {
+	getRichTextConfig,
+	parseClassNames,
+	getLanguageMenuHtml,
+	setLinkAttributes,
+	getPopupPosition,
+	createPopupFunctions,
+	type IRichTextConfig,
+};

package/src/components/FileGallery/FolderItem/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IFolder } from "@ax/types";
+import type { IFolder } from "@ax/types";
 import { Icon, Tooltip } from "@ax/components";
 import { trimText } from "@ax/helpers";
 

package/src/components/FileGallery/GridItem/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IFile } from "@ax/types";
+import type { IFile } from "@ax/types";
 import { getFileIcon, getFormattedDateWithTimezone, trimText } from "@ax/helpers";
 import { Tooltip } from "@ax/components";
 

package/src/components/FloatingButton/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { Icon } from "@ax/components";
 
 import * as S from "./style";

package/src/components/Gallery/FolderItem/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IFolder } from "@ax/types";
+import type { IFolder } from "@ax/types";
 import { Icon, Tooltip } from "@ax/components";
 import { trimText } from "@ax/helpers";
 

package/src/components/HeadingsPreviewModal/index.tsx

@@ -5,7 +5,13 @@ import type { HeadingFilter, HeadingNode } from "@ax/types";
 
 import ErrorsBanner from "./ErrorsBanner";
 import HeadingItem from "./HeadingItem";
-import { analyzeHeadings, extractUniqueHeadingTypes, filterHeadings, hasHiddenHeadings, parseHeadingsTree } from "./utils";
+import {
+	analyzeHeadings,
+	extractUniqueHeadingTypes,
+	filterHeadings,
+	hasHiddenHeadings,
+	parseHeadingsTree,
+} from "./utils";
 
 import * as S from "./style";
 
@@ -23,7 +29,10 @@ const HeadingsPreviewModal = (props: IHeadingsPreviewProps) => {
 	const listRef = useRef<HTMLDivElement>(null);
 
 	const filters = useMemo<HeadingFilter[]>(() => ["all", ...extractUniqueHeadingTypes(headings)], [headings]);
-	const filteredHeadings = useMemo(() => filterHeadings(headings, headingsFilter, toggleStatus), [headings, headingsFilter, toggleStatus]);
+	const filteredHeadings = useMemo(
+		() => filterHeadings(headings, headingsFilter, toggleStatus),
+		[headings, headingsFilter, toggleStatus],
+	);
 	const showToggleWrapper = useMemo(() => hasHiddenHeadings(headings, headingsFilter), [headings, headingsFilter]);
 	const errors = useMemo(() => analyzeHeadings(filteredHeadings, isFiltering), [filteredHeadings, isFiltering]);
 

package/src/components/HeadingsPreviewModal/utils.tsx

@@ -332,5 +332,12 @@ interface IFlatHeading {
 	isHidden: boolean;
 }
 
-export { parseHeadingsTree, extractUniqueHeadingTypes, filterHeadings, analyzeHeadings, getHeadColor, hasHiddenHeadings };
+export {
+	parseHeadingsTree,
+	extractUniqueHeadingTypes,
+	filterHeadings,
+	analyzeHeadings,
+	getHeadColor,
+	hasHiddenHeadings,
+};
 export type { IHeadingError };

package/src/components/Icon/components/Party.jsx

@@ -1,16 +1,10 @@
 import * as React from "react";
 const SvgParty = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    fill="none"
-    {...props}
-  >
-    <path
-      fill="#5057FF"
-      d="M2 22 7 8l9 9-14 5Zm3.3-3.3 7.05-2.5-4.55-4.55-2.5 7.05Zm9.25-6.15L13.5 11.5l5.6-5.6a2.624 2.624 0 0 1 1.925-.8c.75 0 1.392.267 1.925.8l.6.6-1.05 1.05-.6-.6a1.187 1.187 0 0 0-.875-.35c-.35 0-.642.117-.875.35l-5.6 5.6Zm-4-4L9.5 7.5l.6-.6c.233-.233.35-.517.35-.85 0-.333-.117-.617-.35-.85l-.65-.65L10.5 3.5l.65.65c.533.533.8 1.167.8 1.9 0 .733-.267 1.367-.8 1.9l-.6.6Zm2 2L11.5 9.5l3.6-3.6c.233-.233.35-.525.35-.875s-.117-.642-.35-.875l-1.6-1.6 1.05-1.05 1.6 1.6c.533.533.8 1.175.8 1.925s-.267 1.392-.8 1.925l-3.6 3.6Zm4 4L15.5 13.5l1.6-1.6a2.624 2.624 0 0 1 1.925-.8c.75 0 1.392.267 1.925.8l1.6 1.6-1.05 1.05-1.6-1.6a1.187 1.187 0 0 0-.875-.35c-.35 0-.642.117-.875.35l-1.6 1.6Z"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			d="M2 22 7 8l9 9-14 5Zm3.3-3.3 7.05-2.5-4.55-4.55-2.5 7.05Zm9.25-6.15L13.5 11.5l5.6-5.6a2.624 2.624 0 0 1 1.925-.8c.75 0 1.392.267 1.925.8l.6.6-1.05 1.05-.6-.6a1.187 1.187 0 0 0-.875-.35c-.35 0-.642.117-.875.35l-5.6 5.6Zm-4-4L9.5 7.5l.6-.6c.233-.233.35-.517.35-.85 0-.333-.117-.617-.35-.85l-.65-.65L10.5 3.5l.65.65c.533.533.8 1.167.8 1.9 0 .733-.267 1.367-.8 1.9l-.6.6Zm2 2L11.5 9.5l3.6-3.6c.233-.233.35-.525.35-.875s-.117-.642-.35-.875l-1.6-1.6 1.05-1.05 1.6 1.6c.533.533.8 1.175.8 1.925s-.267 1.392-.8 1.925l-3.6 3.6Zm4 4L15.5 13.5l1.6-1.6a2.624 2.624 0 0 1 1.925-.8c.75 0 1.392.267 1.925.8l1.6 1.6-1.05 1.05-1.6-1.6a1.187 1.187 0 0 0-.875-.35c-.35 0-.642.117-.875.35l-1.6 1.6Z"
+		/>
+	</svg>
 );
 export default SvgParty;