@okta/okta-signin-widget 7.16.0 → 7.16.1

package/src/v3/components/CustomPluginsOdysseyCacheProvider/CustomPluginsOdysseyCacheProvider.tsx

@@ -1,66 +0,0 @@
-/*
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import createCache, { StylisPlugin } from '@emotion/cache';
-import { CacheProvider } from '@emotion/react';
-import { memo, ReactElement, useMemo } from 'preact/compat';
-import { prefixer } from 'stylis';
-
-import logical from '../../../stylis-logical-plugin/src';
-
-declare global {
-  interface Window {
-    cspNonce: string;
-  }
-}
-
-const createUniqueAlphabeticalId = () => Math.random()
-  .toString(36)
-  .replace(/[\d\.]/g, '');
-
-const useUniqueAlphabeticalId = (id?: string) => {
-  const uniqueAlphabeticalId = useMemo(() => createUniqueAlphabeticalId(), []);
-
-  return id ?? uniqueAlphabeticalId;
-};
-
-const OdysseyCacheProvider = ({
-  children,
-  nonce,
-}: {
-  children: ReactElement;
-  nonce?: string;
-}) => {
-  const uniqueAlphabeticalId = useUniqueAlphabeticalId();
-
-  const emotionCache = useMemo(
-    () => createCache({
-      key: uniqueAlphabeticalId,
-      nonce: nonce || window.cspNonce,
-      stylisPlugins: [
-        logical({ rootDirElement: '#okta-sign-in' }) as unknown as StylisPlugin,
-        prefixer as unknown as StylisPlugin,
-      ],
-    }),
-    [nonce, uniqueAlphabeticalId],
-  );
-
-  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;
-};
-
-OdysseyCacheProvider.defaultProps = {
-  nonce: undefined,
-};
-
-const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
-
-export { MemoizedOdysseyCacheProvider as CustomPluginsOdysseyCacheProvider };

package/src/v3/components/FieldLevelMessageContainer/FieldLevelMessageContainer.tsx

@@ -1,55 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { Box, FormHelperText } from '@okta/odyssey-react-mui';
-import { FunctionComponent, h } from 'preact';
-
-import { WidgetMessage } from '../../types';
-import { buildErrorMessageIds } from '../../util';
-import WidgetMessageContainer from '../WidgetMessageContainer';
-
-type FieldLevelMessageProps = {
-  messages?: WidgetMessage[];
-  fieldName: string;
-};
-
-const FieldLevelMessageContainer: FunctionComponent<FieldLevelMessageProps> = (props) => {
-  const { fieldName, messages } = props;
-
-  const buildElementId = (errorIndex: number): string => {
-    if (typeof messages === 'undefined') {
-      return `${fieldName}-error`;
-    }
-    const errorIdStr = buildErrorMessageIds(messages, fieldName);
-    return errorIdStr.split(' ')[errorIndex];
-  };
-
-  return typeof messages !== 'undefined' ? (
-    <Box>
-      {messages.map((message: WidgetMessage, index: number) => (
-        <FormHelperText
-          key={message}
-          id={buildElementId(index)}
-          role="alert"
-          data-se={buildElementId(index)}
-          error
-          // TODO: OKTA-577905 - Temporary fix until we can upgrade to the latest version of Odyssey
-          sx={{ textAlign: 'start' }}
-        >
-          <WidgetMessageContainer message={message} />
-        </FormHelperText>
-      ))}
-    </Box>
-  ) : null;
-};
-
-export default FieldLevelMessageContainer;

package/src/v3/components/Icon/CheckCircle.tsx

@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-export const CheckCircle: FunctionComponent = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7.35554 10.3536L11.3555 6.35359L10.6484 5.64648L7.00199 9.29293L5.35554 7.64648L4.64844 8.35359L6.64844 10.3536C6.8437 10.5489 7.16028 10.5489 7.35554 10.3536Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/v3/components/Icon/RightArrowIcon.tsx

@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-import { IconProps } from '../../types';
-
-export const RightArrowIcon: FunctionComponent<IconProps> = ({ name, description }) => (
-  <svg
-    width="14"
-    height="11"
-    viewBox="0 0 14 11"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={name}
-    fill="currentColor"
-    role="img"
-  >
-    <title id={name}>{description}</title>
-    <path d="M0 6.5H8V10.5L13.8158 5.8842C13.8734 5.83728 13.9198 5.77855 13.9517 5.71217C13.9835 5.64579 14 5.5734 14 5.5001C14 5.42681 13.9835 5.35441 13.9517 5.28803C13.9198 5.22165 13.8734 5.16292 13.8158 5.116L8 0.5V4.5H0V6.5Z" />
-  </svg>
-);

package/src/v3/components/Images/MobileDeviceIcon.tsx

@@ -1,38 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-import { loc } from '../../util';
-
-export const MobileDeviceIcon: FunctionComponent = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    role="img"
-    aria-hidden="true"
-  >
-    <title>
-      {loc('icon.title.mobileBrowser', 'login')}
-    </title>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
-      fill="#1662DD"
-      class="siwIconFillPrimary"
-    />
-  </svg>
-);

package/src/v3/components/Widget/style.css

@@ -1,181 +0,0 @@
-/* TODO: move loginpage styles out of SIW repo OKTA-602545 */
-
-/* loginpage utility styles */
-.clearfix {
-  display: block;
-}
-.clearfix:after,
-.clearfix:before {
-  display: block;
-  block-size: 0;
-  clear: both;
-  content: ".";
-  visibility: hidden;
-}
-.hide {
-  display: none;
-}
-
-/* loginpage footer styles */
-.auth .footer {
-  background-color: #fff;
-  min-inline-size: 300px;
-  position: absolute;
-  font-size: 12px;
-  inset-inline: 0;
-  inset-block-end: 0;
-  block-size: 34px;
-  overflow: hidden;
-}
-.auth .footer .footer-container {
-  padding-block: 9px;
-  padding-inline: 80px;
-  margin-block: 0;
-  margin-inline: auto;
-  box-sizing: border-box;
-}
-@media only screen and (max-width: 560px) {
-  .auth .footer .footer-container {
-    inline-size: 400px;
-    padding-inline: 20px;
-  }
-}
-@media only screen and (max-width: 400px) {
-  .auth .footer .footer-container {
-    inline-size: 100%;
-  }
-}
-.auth .footer a {
-  color: #6e6e78;
-}
-.auth .footer a:active,
-.auth .footer a:link,
-.auth .footer a:visited {
-  text-decoration: none;
-  color: #6e6e78;
-}
-.auth .footer a:focus,
-.auth .footer a:hover {
-  text-decoration: underline;
-  color: #6e6e78;
-}
-.auth .footer .copyright {
-  /* stylelint-disable-next-line liberty/use-logical-spec */
-  float: left;
-  /* TODO: OKTA-586564 replace hardcoded value */
-  color: #6e6e78;
-}
-.auth .footer .copyright a {
-  /* TODO: OKTA-586564 replace hardcoded value */
-  color: #6e6e78;
-}
-.auth .footer .privacy-policy {
-  /* stylelint-disable-next-line liberty/use-logical-spec */
-  float: right;
-}
-
-/* loginpage app banner styles */
-.okta-container .applogin-banner {
-  position: relative;
-  margin-block-end: 10px;
-  min-inline-size: 300px;
-}
-.okta-container .applogin-banner .applogin-background {
-  background-color: #fff;
-  opacity: 0.9;
-  position: absolute;
-  inset: 0;
-  box-shadow: 0 0 2px 1px hsla(0, 0%, 68.6%, 0.3);
-}
-.okta-container .applogin-banner .applogin-container {
-  position: relative;
-  inline-size: 400px;
-  min-inline-size: 300px;
-  margin-block: 0;
-  margin-inline: auto;
-  padding-block: 20px;
-  padding-inline: 0;
-  box-sizing: border-box;
-  text-align: center;
-}
-.okta-container .applogin-banner .applogin-container p {
-  /* TODO: OKTA-586564 replace hardcoded value */
-  color: #6e6e78;
-}
-@media only screen and (max-width: 400px) {
-  .okta-container .applogin-banner .applogin-container {
-    inline-size: 100%;
-  }
-}
-@media only screen and (max-height: 750px) {
-  .okta-container .applogin-banner .applogin-container {
-    padding-block: 10px;
-    padding-inline: 0;
-  }
-}
-@media only screen and (max-height: 660px) {
-  .okta-container .applogin-banner .applogin-container {
-    padding-block: 5px;
-    padding-inline: 0;
-  }
-  .okta-container .applogin-banner .applogin-container p {
-    display: none;
-  }
-}
-.okta-container .applogin-banner .applogin-container h1 {
-  font-size: 24px;
-  font-weight: lighter;
-  line-height: 26px;
-  color: #6e6e78;
-}
-.okta-container .applogin-banner .applogin-app-logo {
-  display: inline-block;
-  vertical-align: middle;
-  margin-inline-start: 5px;
-}
-.okta-container .applogin-banner .applogin-app-logo img {
-  max-block-size: 26px;
-}
-
-/* loginpage container styles */
-.auth .content {
-  min-block-size: 100%;
-  min-inline-size: 300px;
-  display: inline-block;
-  inline-size: 100%;
-}
-.auth .content:after {
-  content: "";
-  display: block;
-  block-size: 30px;
-}
-.login-bg-image {
-  background-repeat: no-repeat;
-  background-position: 50%;
-  background-size: cover;
-  position: fixed;
-  inset: 0;
-  z-index: -5;
-}
-@media only screen and (max-width: 600px) {
-  .login-bg-image {
-    background-image: none !important;
-    background-color: #fff !important;
-    -webkit-filter: unset !important;
-    filter: unset !important;
-  }
-}
-
-/*
- * NOTE: widget styles below, login page styles above. Take care when moving CSS
- * from SIW to loginpage (okta-ui) in OKTA-602545
- *
- * TODO: OKTA-654405
- */
-span.strong {
-  font-weight: 600;
-  word-break: break-all;
-}
-span.no-translate {
-  white-space: nowrap;
-}

package/src/v3/src/components/CustomPluginsOdysseyCacheProvider/CustomPluginsOdysseyCacheProvider.tsx

@@ -1,66 +0,0 @@
-/*
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import createCache, { StylisPlugin } from '@emotion/cache';
-import { CacheProvider } from '@emotion/react';
-import { memo, ReactElement, useMemo } from 'preact/compat';
-import { prefixer } from 'stylis';
-
-import logical from '../../../stylis-logical-plugin/src';
-
-declare global {
-  interface Window {
-    cspNonce: string;
-  }
-}
-
-const createUniqueAlphabeticalId = () => Math.random()
-  .toString(36)
-  .replace(/[\d\.]/g, '');
-
-const useUniqueAlphabeticalId = (id?: string) => {
-  const uniqueAlphabeticalId = useMemo(() => createUniqueAlphabeticalId(), []);
-
-  return id ?? uniqueAlphabeticalId;
-};
-
-const OdysseyCacheProvider = ({
-  children,
-  nonce,
-}: {
-  children: ReactElement;
-  nonce?: string;
-}) => {
-  const uniqueAlphabeticalId = useUniqueAlphabeticalId();
-
-  const emotionCache = useMemo(
-    () => createCache({
-      key: uniqueAlphabeticalId,
-      nonce: nonce || window.cspNonce,
-      stylisPlugins: [
-        logical({ rootDirElement: '#okta-sign-in' }) as unknown as StylisPlugin,
-        prefixer as unknown as StylisPlugin,
-      ],
-    }),
-    [nonce, uniqueAlphabeticalId],
-  );
-
-  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;
-};
-
-OdysseyCacheProvider.defaultProps = {
-  nonce: undefined,
-};
-
-const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
-
-export { MemoizedOdysseyCacheProvider as CustomPluginsOdysseyCacheProvider };

package/src/v3/src/components/FieldLevelMessageContainer/FieldLevelMessageContainer.tsx

@@ -1,55 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { Box, FormHelperText } from '@okta/odyssey-react-mui';
-import { FunctionComponent, h } from 'preact';
-
-import { WidgetMessage } from '../../types';
-import { buildErrorMessageIds } from '../../util';
-import WidgetMessageContainer from '../WidgetMessageContainer';
-
-type FieldLevelMessageProps = {
-  messages?: WidgetMessage[];
-  fieldName: string;
-};
-
-const FieldLevelMessageContainer: FunctionComponent<FieldLevelMessageProps> = (props) => {
-  const { fieldName, messages } = props;
-
-  const buildElementId = (errorIndex: number): string => {
-    if (typeof messages === 'undefined') {
-      return `${fieldName}-error`;
-    }
-    const errorIdStr = buildErrorMessageIds(messages, fieldName);
-    return errorIdStr.split(' ')[errorIndex];
-  };
-
-  return typeof messages !== 'undefined' ? (
-    <Box>
-      {messages.map((message: WidgetMessage, index: number) => (
-        <FormHelperText
-          key={message}
-          id={buildElementId(index)}
-          role="alert"
-          data-se={buildElementId(index)}
-          error
-          // TODO: OKTA-577905 - Temporary fix until we can upgrade to the latest version of Odyssey
-          sx={{ textAlign: 'start' }}
-        >
-          <WidgetMessageContainer message={message} />
-        </FormHelperText>
-      ))}
-    </Box>
-  ) : null;
-};
-
-export default FieldLevelMessageContainer;

package/src/v3/src/components/Icon/CheckCircle.tsx

@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-export const CheckCircle: FunctionComponent = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7.35554 10.3536L11.3555 6.35359L10.6484 5.64648L7.00199 9.29293L5.35554 7.64648L4.64844 8.35359L6.64844 10.3536C6.8437 10.5489 7.16028 10.5489 7.35554 10.3536Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/v3/src/components/Icon/RightArrowIcon.tsx

@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-import { IconProps } from '../../types';
-
-export const RightArrowIcon: FunctionComponent<IconProps> = ({ name, description }) => (
-  <svg
-    width="14"
-    height="11"
-    viewBox="0 0 14 11"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={name}
-    fill="currentColor"
-    role="img"
-  >
-    <title id={name}>{description}</title>
-    <path d="M0 6.5H8V10.5L13.8158 5.8842C13.8734 5.83728 13.9198 5.77855 13.9517 5.71217C13.9835 5.64579 14 5.5734 14 5.5001C14 5.42681 13.9835 5.35441 13.9517 5.28803C13.9198 5.22165 13.8734 5.16292 13.8158 5.116L8 0.5V4.5H0V6.5Z" />
-  </svg>
-);

package/src/v3/src/components/Images/MobileDeviceIcon.tsx

@@ -1,38 +0,0 @@
-/*
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { FunctionComponent, h } from 'preact';
-
-import { loc } from '../../util';
-
-export const MobileDeviceIcon: FunctionComponent = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    role="img"
-    aria-hidden="true"
-  >
-    <title>
-      {loc('icon.title.mobileBrowser', 'login')}
-    </title>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
-      fill="#1662DD"
-      class="siwIconFillPrimary"
-    />
-  </svg>
-);