@zonos/elements 1.3.179 → 1.3.181

package/dist/types/scripts/_zonosBase.d.ts

@@ -7,6 +7,11 @@ import type { CartCheckoutResult, NormalizedTempCart } from "../types/checkout/a
 import { type CheckoutConfig } from "../types/checkout/CheckoutConfig";
 import type { CountryCode, CurrencyCode, PaypalMockResponse } from "../types/generated/graphql.internal.types";
 import type { HelloConfig } from "../types/hello/HelloConfig";
+type TrackEventLog = {
+    checkoutSessionId: string | null;
+    eventCreated: number;
+    eventName: string;
+};
 /**
  * Currency converter function to be used in Hello and Checkout
  * @note don't modify the element directly in this function, otherwise it might cause unexpected behavior like an infinite loop
@@ -218,6 +223,10 @@ export interface Zonos {
     storeId: number;
     /** Stripe instance */
     stripe: Stripe;
+    /**
+     * Logs of tracking events
+     */
+    trackEventLogs: TrackEventLog[];
     version: string;
     zonosApiKey?: string;
     /**
@@ -259,6 +268,7 @@ export declare abstract class Zonos {
     static isNpm: boolean;
     static zonosQaUrl: string | null;
     static zonosQaUrlApi: string | null;
+    static trackEventLogs: TrackEventLog[];
     static version: string;
     static modeAlerted: boolean;
     static cartData: NormalizedTempCart | null;
@@ -295,3 +305,4 @@ export declare abstract class Zonos {
     static setupGoogleFont: (fontFamily: string) => void;
     static injectSupportGoogleFont: (fontUrl: string) => void;
 }
+export {};

package/dist/types/types/generated/graphql.frontend.types.d.ts

@@ -559,7 +559,7 @@ export type FailToGetQuoteErrorsQuery = {
 };
 export type LocaleCountryMessagesQuery = {
     locale_countryCodesPage: Array<{
-        countryCodes: Array<string> | null;
+        countryCodes: Array<string>;
         countryCodesPageMessageLinks: Array<{
             id: number;
             message: {

package/dist/types/types/generated/graphql.frontend.types.ts

@@ -567,7 +567,7 @@ export type FailToGetQuoteErrorsQuery = {
 
 export type LocaleCountryMessagesQuery = {
   locale_countryCodesPage: Array<{
-    countryCodes: Array<string> | null;
+    countryCodes: Array<string>;
     countryCodesPageMessageLinks: Array<{
       id: number;
       message: {

package/dist/types/types/generated/graphql.internal.types.d.ts

@@ -477,6 +477,11 @@ export declare const checkoutSuccessBehavior: {
     readonly ZonosSuccessPage: "ZONOS_SUCCESS_PAGE";
 };
 export type CheckoutSuccessBehavior = (typeof checkoutSuccessBehavior)[keyof typeof checkoutSuccessBehavior];
+export declare const checkoutVarianceTestStatus: {
+    readonly Active: "ACTIVE";
+    readonly Inactive: "INACTIVE";
+};
+export type CheckoutVarianceTestStatus = (typeof checkoutVarianceTestStatus)[keyof typeof checkoutVarianceTestStatus];
 export declare const checkoutVisibilityStatus: {
     readonly Disabled: "DISABLED";
     readonly Enabled: "ENABLED";
@@ -1587,6 +1592,11 @@ export declare const fulfillmentCenterType: {
     readonly Standard: "STANDARD";
 };
 export type FulfillmentCenterType = (typeof fulfillmentCenterType)[keyof typeof fulfillmentCenterType];
+export declare const generalAdjustmentRecordCreateType: {
+    readonly ConnectAccountAdjustment: "CONNECT_ACCOUNT_ADJUSTMENT";
+    readonly InvoiceLineRecord: "INVOICE_LINE_RECORD";
+};
+export type GeneralAdjustmentRecordCreateType = (typeof generalAdjustmentRecordCreateType)[keyof typeof generalAdjustmentRecordCreateType];
 export declare const helloCurrencyBehavior: {
     readonly Disabled: "DISABLED";
     readonly Enabled: "ENABLED";
@@ -1807,8 +1817,11 @@ export declare const invoiceStatus: {
 };
 export type InvoiceStatus = (typeof invoiceStatus)[keyof typeof invoiceStatus];
 export declare const itemAmountTargetType: {
+    readonly BillingCompany: "BILLING_COMPANY";
+    readonly ItemProvided: "ITEM_PROVIDED";
     readonly MerchantBase: "MERCHANT_BASE";
     readonly MerchantProvided: "MERCHANT_PROVIDED";
+    readonly MerchantSettled: "MERCHANT_SETTLED";
     readonly ShopperPresented: "SHOPPER_PRESENTED";
     readonly ZonosBase: "ZONOS_BASE";
 };
@@ -2057,6 +2070,11 @@ export declare const landedCostMethod: {
     readonly DdpPreferred: "DDP_PREFERRED";
 };
 export type LandedCostMethod = (typeof landedCostMethod)[keyof typeof landedCostMethod];
+export declare const landedCostPaymentProcessor: {
+    readonly Paypal: "PAYPAL";
+    readonly Stripe: "STRIPE";
+};
+export type LandedCostPaymentProcessor = (typeof landedCostPaymentProcessor)[keyof typeof landedCostPaymentProcessor];
 export declare const landedCostQuoteType: {
     readonly Api: "API";
     readonly Auditing: "AUDITING";
@@ -2289,6 +2307,8 @@ export declare const orderBillingAdjustmentFeeType: {
     readonly DutyTaxFee: "DUTY_TAX_FEE";
     readonly FxFee: "FX_FEE";
     readonly FxFeeNonRefundedAmounts: "FX_FEE_NON_REFUNDED_AMOUNTS";
+    readonly GuaranteeOrder: "GUARANTEE_ORDER";
+    readonly GuaranteePercent: "GUARANTEE_PERCENT";
     readonly InclusivePriceAdjustment: "INCLUSIVE_PRICE_ADJUSTMENT";
     readonly InclusivePricing: "INCLUSIVE_PRICING";
     readonly Item: "ITEM";
@@ -2636,6 +2656,7 @@ export declare const shipmentAmountType: {
     readonly FuelSurcharge: "FUEL_SURCHARGE";
     readonly Insurance: "INSURANCE";
     readonly PublishedRate: "PUBLISHED_RATE";
+    readonly RateChart: "RATE_CHART";
     readonly Surcharge: "SURCHARGE";
 };
 export type ShipmentAmountType = (typeof shipmentAmountType)[keyof typeof shipmentAmountType];
@@ -2656,8 +2677,11 @@ export declare const shipmentConsolidationStatus: {
 };
 export type ShipmentConsolidationStatus = (typeof shipmentConsolidationStatus)[keyof typeof shipmentConsolidationStatus];
 export declare const shipmentRatingAmountTargetType: {
+    readonly BillingCompany: "BILLING_COMPANY";
     readonly MerchantBase: "MERCHANT_BASE";
     readonly MerchantProvided: "MERCHANT_PROVIDED";
+    readonly MerchantSettled: "MERCHANT_SETTLED";
+    readonly ShipmentRatingProvided: "SHIPMENT_RATING_PROVIDED";
     readonly ShopperPresented: "SHOPPER_PRESENTED";
     readonly ZonosBase: "ZONOS_BASE";
 };
@@ -3046,6 +3070,168 @@ export declare const zonosAttribution: {
     readonly Enabled: "ENABLED";
 };
 export type ZonosAttribution = (typeof zonosAttribution)[keyof typeof zonosAttribution];
+export type CartCreateMutation = {
+    cartCreate: {
+        adjustments: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            productId: string | null;
+            sku: string | null;
+            type: CartAdjustmentType;
+        }>;
+        id: string;
+        items: Array<{
+            amount: number;
+            attributes: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            id: string;
+            imageUrl: string | null;
+            metadata: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            name: string | null;
+            productId: string;
+            quantity: number;
+            restriction: {
+                action: RestrictedItemAction;
+                reason: string;
+            } | null;
+            sku: string | null;
+        }>;
+        metadata: Array<{
+            key: string;
+            value: string;
+        }>;
+        organizationId: string;
+    };
+};
+export type CartUpdateMutation = {
+    cartUpdate: {
+        adjustments: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            productId: string | null;
+            sku: string | null;
+            type: CartAdjustmentType;
+        }>;
+        id: string;
+        items: Array<{
+            amount: number;
+            attributes: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            id: string;
+            imageUrl: string | null;
+            metadata: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            name: string | null;
+            productId: string;
+            quantity: number;
+            restriction: {
+                action: RestrictedItemAction;
+                reason: string;
+            } | null;
+            sku: string | null;
+        }>;
+        metadata: Array<{
+            key: string;
+            value: string;
+        }>;
+        organizationId: string;
+    };
+};
+export type CartByIdQuery = {
+    cart: {
+        adjustments: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            productId: string | null;
+            sku: string | null;
+            type: CartAdjustmentType;
+        }>;
+        id: string;
+        items: Array<{
+            amount: number;
+            attributes: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            currencyCode: CurrencyCode;
+            description: string | null;
+            id: string;
+            imageUrl: string | null;
+            metadata: Array<{
+                key: string | null;
+                value: string | null;
+            } | null> | null;
+            name: string | null;
+            productId: string;
+            quantity: number;
+            restriction: {
+                action: RestrictedItemAction;
+                reason: string;
+            } | null;
+            sku: string | null;
+        }>;
+        metadata: Array<{
+            key: string;
+            value: string;
+        }>;
+        organizationId: string;
+    } | null;
+};
+export type CartFragmentFragment = {
+    adjustments: Array<{
+        amount: number;
+        currencyCode: CurrencyCode;
+        description: string | null;
+        productId: string | null;
+        sku: string | null;
+        type: CartAdjustmentType;
+    }>;
+    id: string;
+    items: Array<{
+        amount: number;
+        attributes: Array<{
+            key: string | null;
+            value: string | null;
+        } | null> | null;
+        currencyCode: CurrencyCode;
+        description: string | null;
+        id: string;
+        imageUrl: string | null;
+        metadata: Array<{
+            key: string | null;
+            value: string | null;
+        } | null> | null;
+        name: string | null;
+        productId: string;
+        quantity: number;
+        restriction: {
+            action: RestrictedItemAction;
+            reason: string;
+        } | null;
+        sku: string | null;
+    }>;
+    metadata: Array<{
+        key: string;
+        value: string;
+    }>;
+    organizationId: string;
+};
 export type OrganizationQuery = {
     organization: {
         id: string;
@@ -4452,41 +4638,6 @@ export type GetCartOrganizationInfoQuery = {
         } | null;
     } | null;
 };
-export type CartCreateMutation = {
-    cartCreate: {
-        adjustments: Array<{
-            amount: number;
-            currencyCode: CurrencyCode;
-            description: string | null;
-            productId: string | null;
-            sku: string | null;
-            type: CartAdjustmentType;
-        }>;
-        id: string;
-        items: Array<{
-            amount: number;
-            attributes: Array<{
-                key: string | null;
-                value: string | null;
-            } | null> | null;
-            description: string | null;
-            id: string;
-            imageUrl: string | null;
-            name: string | null;
-            quantity: number;
-            restriction: {
-                action: RestrictedItemAction;
-                reason: string;
-            } | null;
-            sku: string | null;
-        }>;
-        metadata: Array<{
-            key: string;
-            value: string;
-        }>;
-        organizationId: string;
-    };
-};
 export type SdkFunctionWrapper = <T>(action: (requestHeaders?: Record<string, string>) => Promise<T>, operationName: string, operationType?: string) => Promise<T>;
 export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionWrapper): {
     activeDiscounts(variables?: {
@@ -4504,6 +4655,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     cart(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CartQuery>;
+    cartById(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CartByIdQuery>;
     cartCalculateLandedCost(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CartCalculateLandedCostMutation>;
@@ -4513,6 +4667,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     cartCreate(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CartCreateMutation>;
+    cartUpdate(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CartUpdateMutation>;
     checkItemRestrictions(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckItemRestrictionsMutation>;

package/dist/types/types/generated/graphql.internal.types.ts

@@ -601,6 +601,14 @@ export const checkoutSuccessBehavior = {
 
 export type CheckoutSuccessBehavior =
   (typeof checkoutSuccessBehavior)[keyof typeof checkoutSuccessBehavior];
+
+export const checkoutVarianceTestStatus = {
+  Active: 'ACTIVE',
+  Inactive: 'INACTIVE',
+} as const;
+
+export type CheckoutVarianceTestStatus =
+  (typeof checkoutVarianceTestStatus)[keyof typeof checkoutVarianceTestStatus];
 export const checkoutVisibilityStatus = {
   Disabled: 'DISABLED',
   Enabled: 'ENABLED',
@@ -1869,6 +1877,14 @@ export const fulfillmentCenterType = {
 export type FulfillmentCenterType =
   (typeof fulfillmentCenterType)[keyof typeof fulfillmentCenterType];
 
+export const generalAdjustmentRecordCreateType = {
+  ConnectAccountAdjustment: 'CONNECT_ACCOUNT_ADJUSTMENT',
+  InvoiceLineRecord: 'INVOICE_LINE_RECORD',
+} as const;
+
+export type GeneralAdjustmentRecordCreateType =
+  (typeof generalAdjustmentRecordCreateType)[keyof typeof generalAdjustmentRecordCreateType];
+
 export const helloCurrencyBehavior = {
   Disabled: 'DISABLED',
   Enabled: 'ENABLED',
@@ -2152,8 +2168,11 @@ export const invoiceStatus = {
 
 export type InvoiceStatus = (typeof invoiceStatus)[keyof typeof invoiceStatus];
 export const itemAmountTargetType = {
+  BillingCompany: 'BILLING_COMPANY',
+  ItemProvided: 'ITEM_PROVIDED',
   MerchantBase: 'MERCHANT_BASE',
   MerchantProvided: 'MERCHANT_PROVIDED',
+  MerchantSettled: 'MERCHANT_SETTLED',
   ShopperPresented: 'SHOPPER_PRESENTED',
   ZonosBase: 'ZONOS_BASE',
 } as const;
@@ -2389,6 +2408,7 @@ export const landedCostAdjustmentType = {
 
 export type LandedCostAdjustmentType =
   (typeof landedCostAdjustmentType)[keyof typeof landedCostAdjustmentType];
+
 export const landedCostBillingPartyType = {
   Customer: 'CUSTOMER',
   Merchant: 'MERCHANT',
@@ -2476,6 +2496,13 @@ export const landedCostMethod = {
 
 export type LandedCostMethod =
   (typeof landedCostMethod)[keyof typeof landedCostMethod];
+export const landedCostPaymentProcessor = {
+  Paypal: 'PAYPAL',
+  Stripe: 'STRIPE',
+} as const;
+
+export type LandedCostPaymentProcessor =
+  (typeof landedCostPaymentProcessor)[keyof typeof landedCostPaymentProcessor];
 export const landedCostQuoteType = {
   Api: 'API',
   Auditing: 'AUDITING',
@@ -2752,6 +2779,8 @@ export const orderBillingAdjustmentFeeType = {
   DutyTaxFee: 'DUTY_TAX_FEE',
   FxFee: 'FX_FEE',
   FxFeeNonRefundedAmounts: 'FX_FEE_NON_REFUNDED_AMOUNTS',
+  GuaranteeOrder: 'GUARANTEE_ORDER',
+  GuaranteePercent: 'GUARANTEE_PERCENT',
   InclusivePriceAdjustment: 'INCLUSIVE_PRICE_ADJUSTMENT',
   InclusivePricing: 'INCLUSIVE_PRICING',
   Item: 'ITEM',
@@ -3216,6 +3245,7 @@ export const shipmentAmountType = {
   FuelSurcharge: 'FUEL_SURCHARGE',
   Insurance: 'INSURANCE',
   PublishedRate: 'PUBLISHED_RATE',
+  RateChart: 'RATE_CHART',
   Surcharge: 'SURCHARGE',
 } as const;
 
@@ -3245,8 +3275,11 @@ export type ShipmentConsolidationStatus =
   (typeof shipmentConsolidationStatus)[keyof typeof shipmentConsolidationStatus];
 
 export const shipmentRatingAmountTargetType = {
+  BillingCompany: 'BILLING_COMPANY',
   MerchantBase: 'MERCHANT_BASE',
   MerchantProvided: 'MERCHANT_PROVIDED',
+  MerchantSettled: 'MERCHANT_SETTLED',
+  ShipmentRatingProvided: 'SHIPMENT_RATING_PROVIDED',
   ShopperPresented: 'SHOPPER_PRESENTED',
   ZonosBase: 'ZONOS_BASE',
 } as const;
@@ -3743,6 +3776,145 @@ export const zonosAttribution = {
 export type ZonosAttribution =
   (typeof zonosAttribution)[keyof typeof zonosAttribution];
 
+export type CartCreateMutation = {
+  cartCreate: {
+    adjustments: Array<{
+      amount: number;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      productId: string | null;
+      sku: string | null;
+      type: CartAdjustmentType;
+    }>;
+    id: string;
+    items: Array<{
+      amount: number;
+      attributes: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      id: string;
+      imageUrl: string | null;
+      metadata: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      name: string | null;
+      productId: string;
+      quantity: number;
+      restriction: { action: RestrictedItemAction; reason: string } | null;
+      sku: string | null;
+    }>;
+    metadata: Array<{ key: string; value: string }>;
+    organizationId: string;
+  };
+};
+
+export type CartUpdateMutation = {
+  cartUpdate: {
+    adjustments: Array<{
+      amount: number;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      productId: string | null;
+      sku: string | null;
+      type: CartAdjustmentType;
+    }>;
+    id: string;
+    items: Array<{
+      amount: number;
+      attributes: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      id: string;
+      imageUrl: string | null;
+      metadata: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      name: string | null;
+      productId: string;
+      quantity: number;
+      restriction: { action: RestrictedItemAction; reason: string } | null;
+      sku: string | null;
+    }>;
+    metadata: Array<{ key: string; value: string }>;
+    organizationId: string;
+  };
+};
+
+export type CartByIdQuery = {
+  cart: {
+    adjustments: Array<{
+      amount: number;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      productId: string | null;
+      sku: string | null;
+      type: CartAdjustmentType;
+    }>;
+    id: string;
+    items: Array<{
+      amount: number;
+      attributes: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      currencyCode: CurrencyCode;
+      description: string | null;
+      id: string;
+      imageUrl: string | null;
+      metadata: Array<{
+        key: string | null;
+        value: string | null;
+      } | null> | null;
+      name: string | null;
+      productId: string;
+      quantity: number;
+      restriction: { action: RestrictedItemAction; reason: string } | null;
+      sku: string | null;
+    }>;
+    metadata: Array<{ key: string; value: string }>;
+    organizationId: string;
+  } | null;
+};
+
+export type CartFragmentFragment = {
+  adjustments: Array<{
+    amount: number;
+    currencyCode: CurrencyCode;
+    description: string | null;
+    productId: string | null;
+    sku: string | null;
+    type: CartAdjustmentType;
+  }>;
+  id: string;
+  items: Array<{
+    amount: number;
+    attributes: Array<{
+      key: string | null;
+      value: string | null;
+    } | null> | null;
+    currencyCode: CurrencyCode;
+    description: string | null;
+    id: string;
+    imageUrl: string | null;
+    metadata: Array<{ key: string | null; value: string | null } | null> | null;
+    name: string | null;
+    productId: string;
+    quantity: number;
+    restriction: { action: RestrictedItemAction; reason: string } | null;
+    sku: string | null;
+  }>;
+  metadata: Array<{ key: string; value: string }>;
+  organizationId: string;
+};
+
 export type OrganizationQuery = {
   organization: {
     id: string;
@@ -5019,36 +5191,6 @@ export type GetCartOrganizationInfoQuery = {
   organization: { references: { storeId: number | null } | null } | null;
 };
 
-export type CartCreateMutation = {
-  cartCreate: {
-    adjustments: Array<{
-      amount: number;
-      currencyCode: CurrencyCode;
-      description: string | null;
-      productId: string | null;
-      sku: string | null;
-      type: CartAdjustmentType;
-    }>;
-    id: string;
-    items: Array<{
-      amount: number;
-      attributes: Array<{
-        key: string | null;
-        value: string | null;
-      } | null> | null;
-      description: string | null;
-      id: string;
-      imageUrl: string | null;
-      name: string | null;
-      quantity: number;
-      restriction: { action: RestrictedItemAction; reason: string } | null;
-      sku: string | null;
-    }>;
-    metadata: Array<{ key: string; value: string }>;
-    organizationId: string;
-  };
-};
-
 export type SdkFunctionWrapper = <T>(
   action: (requestHeaders?: Record<string, string>) => Promise<T>,
   operationName: string,
@@ -5136,6 +5278,20 @@ export function getSdk(
         'query',
       );
     },
+    cartById(
+      variables?: { [x: string]: never },
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<CartByIdQuery> {
+      return withWrapper(
+        wrappedRequestHeaders =>
+          client.request<CartByIdQuery>('', variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders,
+          }),
+        'cartById',
+        'query',
+      );
+    },
     cartCalculateLandedCost(
       variables?: { [x: string]: never },
       requestHeaders?: GraphQLClientRequestHeaders,
@@ -5178,6 +5334,20 @@ export function getSdk(
         'mutation',
       );
     },
+    cartUpdate(
+      variables?: { [x: string]: never },
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<CartUpdateMutation> {
+      return withWrapper(
+        wrappedRequestHeaders =>
+          client.request<CartUpdateMutation>('', variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders,
+          }),
+        'cartUpdate',
+        'mutation',
+      );
+    },
     checkItemRestrictions(
       variables?: { [x: string]: never },
       requestHeaders?: GraphQLClientRequestHeaders,

package/dist/zonos-elements/assets/ChevronUpIcon.svg

@@ -1,23 +1 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dd_2052_3658)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5 10.5607L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L13.0303 8.96967C12.7374 8.67678 12.2626 8.67678 11.9697 8.96967L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303Z" fill="currentColor"/>
-</g>
-<defs>
-<filter id="filter0_dd_2052_3658" x="-3.5" y="-2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2052_3658"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_2052_3658" result="effect2_dropShadow_2052_3658"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2052_3658" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>