@dynamic-labs/sdk-react-core 4.18.6 → 4.18.7

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+### [4.18.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.6...v4.18.7) (2025-05-21)
+
+
+### Features
+
+* add zero dev kernel migration to v3.3 ([#8747](https://github.com/dynamic-labs/dynamic-auth/issues/8747)) ([ce10ef8](https://github.com/dynamic-labs/dynamic-auth/commit/ce10ef85d12452c2c21758c909f1e28f9fa5fbae))
+* bump [@dynamic-labs-wallet](https://github.com/dynamic-labs-wallet) to v0.0.74 ([#8746](https://github.com/dynamic-labs/dynamic-auth/issues/8746)) ([98e3a0b](https://github.com/dynamic-labs/dynamic-auth/commit/98e3a0b845e7d6c34a2c748597198825713f4bcf))
+* support kernel versio 0.3.2 and 0.3.3 ([#8738](https://github.com/dynamic-labs/dynamic-auth/issues/8738)) ([1115830](https://github.com/dynamic-labs/dynamic-auth/commit/1115830966318960d39a497c8b29188d9d9a447f))
+* v3 solana confirmation ui ([#8731](https://github.com/dynamic-labs/dynamic-auth/issues/8731)) ([cfa5ba0](https://github.com/dynamic-labs/dynamic-auth/commit/cfa5ba07a946b847e60388c80afbd8aa233e9ebf))
+* v3 svm send balance ([#8726](https://github.com/dynamic-labs/dynamic-auth/issues/8726)) ([236ec48](https://github.com/dynamic-labs/dynamic-auth/commit/236ec4843152f4b720aa7332e650db68c2d111b2))
+
+
+### Bug Fixes
+
+* **alex/qntm-3201:** send empty data field when using zksync sendbalance ([#8733](https://github.com/dynamic-labs/dynamic-auth/issues/8733)) ([4c42035](https://github.com/dynamic-labs/dynamic-auth/commit/4c420350cf7404ac80db8b552594233a3de9fb57))
+* allow for continuing signing if zksync account exists while attempting to deploy ([#8736](https://github.com/dynamic-labs/dynamic-auth/issues/8736)) ([1ff82e4](https://github.com/dynamic-labs/dynamic-auth/commit/1ff82e418e14300b9dec662fba517c5533c1caac))
+* api kernel version on react native extension ([#8754](https://github.com/dynamic-labs/dynamic-auth/issues/8754)) ([c2f0bb4](https://github.com/dynamic-labs/dynamic-auth/commit/c2f0bb4ac86214f4e3bbdac5cf4b481a7a304449))
+* CTRL wallet eip6963 detection ([#8727](https://github.com/dynamic-labs/dynamic-auth/issues/8727)) ([194334f](https://github.com/dynamic-labs/dynamic-auth/commit/194334f7fd541917d9a7f6b452145a47cf7ae853))
+* **QNTM-3249:** fix mobile layout alignment in send view ([#8740](https://github.com/dynamic-labs/dynamic-auth/issues/8740)) ([7d8e02c](https://github.com/dynamic-labs/dynamic-auth/commit/7d8e02c11830f547b6fcfbc7b518ee3f045df41a))
+
 ### [4.18.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.5...v4.18.6) (2025-05-16)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.18.6";
+var version = "4.18.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.669",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.18.6";
+var version = "4.18.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.669",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.18.6",
+  "version": "4.18.7",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.669",
+    "@dynamic-labs/sdk-api-core": "0.0.672",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.18.6",
-    "@dynamic-labs/iconic": "4.18.6",
-    "@dynamic-labs/logger": "4.18.6",
-    "@dynamic-labs/multi-wallet": "4.18.6",
-    "@dynamic-labs/rpc-providers": "4.18.6",
-    "@dynamic-labs/store": "4.18.6",
-    "@dynamic-labs/types": "4.18.6",
-    "@dynamic-labs/utils": "4.18.6",
-    "@dynamic-labs/wallet-book": "4.18.6",
-    "@dynamic-labs/wallet-connector-core": "4.18.6",
+    "@dynamic-labs/assert-package-version": "4.18.7",
+    "@dynamic-labs/iconic": "4.18.7",
+    "@dynamic-labs/logger": "4.18.7",
+    "@dynamic-labs/multi-wallet": "4.18.7",
+    "@dynamic-labs/rpc-providers": "4.18.7",
+    "@dynamic-labs/store": "4.18.7",
+    "@dynamic-labs/types": "4.18.7",
+    "@dynamic-labs/utils": "4.18.7",
+    "@dynamic-labs/wallet-book": "4.18.7",
+    "@dynamic-labs/wallet-connector-core": "4.18.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
 import { BaseButtonProps } from '../BaseButton';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card' | 'danger';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export declare const defaultButtonVariant: ButtonVariant;
 export type ButtonProps = BaseButtonProps & {

package/src/lib/components/ModalHeader/ModalHeader.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var isGlobalWalletPopup = require('../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.cjs');
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && React.Children.count(leading);
     const hasTrailing = displayTrailing && trailing && React.Children.count(trailing);
     const trailingClassName = classNames.classNames('modal-header__content__trailing', {
@@ -17,6 +17,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsxRuntime.jsx("div", { className: classNames.classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

package/src/lib/components/ModalHeader/ModalHeader.js

@@ -4,7 +4,7 @@ import { Children } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { isGlobalWalletPopup } from '../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.js';
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && Children.count(leading);
     const hasTrailing = displayTrailing && trailing && Children.count(trailing);
     const trailingClassName = classNames('modal-header__content__trailing', {
@@ -13,6 +13,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxs("div", { className: classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxs("div", { className: classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsx("div", { className: classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

package/src/lib/components/ModalHeader/ModalHeader.types.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
+export type ModalHeaderVariant = 'default' | 'filled';
 export type ModalHeaderProps = {
     alignContent?: 'bottom';
     children?: ReactNode;
-    leading?: ReactElement | ReactElement[];
+    leading?: ReactNode;
     displayLeading?: boolean;
     positionAbsolute?: boolean;
     trailing?: ReactNode;
@@ -10,5 +11,6 @@ export type ModalHeaderProps = {
     style?: CSSProperties;
     displayBorder?: boolean;
     description?: ReactNode;
+    variant?: ModalHeaderVariant;
 };
 export type ModalHeaderComponent = (props: ModalHeaderProps) => ReactElement;

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -12,6 +12,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -19,6 +20,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -8,6 +8,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -15,6 +16,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

package/src/lib/locale/en/translation.cjs

@@ -960,6 +960,24 @@ const translation = {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -1003,6 +1021,10 @@ const translation = {
             deleting: 'Deleting...',
             type_delete_label: 'Type to confirm',
         },
+        session_management: {
+            title: 'Security Settings',
+            session_management_button: 'Session Management',
+        },
     },
     /**
      * @description copy keys for global wallet view
@@ -1984,6 +2006,37 @@ const translation = {
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
         button: 'Connect',
     },
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: 'Back',
+            info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+            title: 'No active sessions found',
+        },
+        info_view: {
+            title: 'Connected App Sessions',
+            description_bold: 'Easily manage which apps have access to your wallet. ',
+            description_2: "Each session represents a connection you've made with a site or app.",
+            description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
+            continue_button: 'Continue',
+        },
+    },
     /**
      * @description copy keys for sign message flow views
      * @default

package/src/lib/locale/en/translation.d.ts

@@ -954,6 +954,24 @@ export declare const translation: {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -999,6 +1017,10 @@ export declare const translation: {
             deleting: string;
             type_delete_label: string;
         };
+        session_management: {
+            title: string;
+            session_management_button: string;
+        };
     };
     /**
      * @description copy keys for global wallet view
@@ -1980,6 +2002,37 @@ export declare const translation: {
         using_hardware_wallet_toggle_label: string;
         button: string;
     };
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: string;
+            info_button_label: string;
+        };
+        title: string;
+        empty_sessions_view: {
+            title: string;
+        };
+        info_view: {
+            title: string;
+            description_bold: string;
+            description_2: string;
+            description_3: string;
+            continue_button: string;
+        };
+    };
     /**
      * @description copy keys for sign message flow views
      * @default

package/src/lib/locale/en/translation.js

@@ -956,6 +956,24 @@ const translation = {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -999,6 +1017,10 @@ const translation = {
             deleting: 'Deleting...',
             type_delete_label: 'Type to confirm',
         },
+        session_management: {
+            title: 'Security Settings',
+            session_management_button: 'Session Management',
+        },
     },
     /**
      * @description copy keys for global wallet view
@@ -1980,6 +2002,37 @@ const translation = {
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
         button: 'Connect',
     },
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: 'Back',
+            info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+            title: 'No active sessions found',
+        },
+        info_view: {
+            title: 'Connected App Sessions',
+            description_bold: 'Easily manage which apps have access to your wallet. ',
+            description_2: "Each session represents a connection you've made with a site or app.",
+            description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
+            continue_button: 'Continue',
+        },
+    },
     /**
      * @description copy keys for sign message flow views
      * @default

package/src/lib/shared/assets/index.d.ts

@@ -86,6 +86,7 @@ export { ReactComponent as QuestionMarkIcon } from './question-mark.svg';
 export { ReactComponent as SavePasswordHeroIcon } from './save-password-hero.svg';
 export { ReactComponent as SecureActionIcon } from './secure-action.svg';
 export { ReactComponent as SendIcon } from './send.svg';
+export { ReactComponent as SessionIcon } from './session.svg';
 export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
 export { ReactComponent as SettingsIcon } from './settings.svg';
 export { ReactComponent as ShieldIcon } from './shield.svg';

package/src/lib/shared/assets/session.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgSession = function SvgSession(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 7.791 9.823l-.384.384a1 1 0 0 1-1.414-1.414l2-2a1 1 0 0 1 1.415 0l2 2a1 1 0 0 1-1.415 1.414l-.195-.195C20.867 18.57 16.834 22 12 22 6.477 22 2 17.523 2 12S6.477 2 12 2a9.996 9.996 0 0 1 8.616 4.92 1 1 0 0 1-1.723 1.018A7.996 7.996 0 0 0 12 4Zm0 2a1 1 0 0 1 1 1v4.465l2.555 1.703a1 1 0 0 1-1.11 1.664l-3-2A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgSession;

package/src/lib/shared/assets/session.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgSession = function SvgSession(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 7.791 9.823l-.384.384a1 1 0 0 1-1.414-1.414l2-2a1 1 0 0 1 1.415 0l2 2a1 1 0 0 1-1.415 1.414l-.195-.195C20.867 18.57 16.834 22 12 22 6.477 22 2 17.523 2 12S6.477 2 12 2a9.996 9.996 0 0 1 8.616 4.92 1 1 0 0 1-1.723 1.018A7.996 7.996 0 0 0 12 4Zm0 2a1 1 0 0 1 1 1v4.465l2.555 1.703a1 1 0 0 1-1.11 1.664l-3-2A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgSession as ReactComponent };