Update domain references to pezkuwichain.app and rebrand from polkadot

2026-07-10 02:57:29 +00:00 · 2026-01-06 12:21:11 +03:00
commit c2913a65d9
401 changed files with 23179 additions and 0 deletions
@@ -0,0 +1,95 @@
+// Copyright 2019-2025 @pezkuwi/extension-ui authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { useTranslation } from '../hooks/index.js';
+import { styled } from '../styled.js';
+import Label from './Label.js';
+import { Input } from './TextInputs.js';
+import Warning from './Warning.js';
+
+interface Props {
+  className?: string;
+  defaultValue?: string | null;
+  disabled?: boolean;
+  isError?: boolean;
+  isFocused?: boolean;
+  isReadOnly?: boolean;
+  label: string;
+  onBlur?: () => void;
+  onFocus?: () => void;
+  onChange?: (value: string) => void;
+  onEnter?: () => void;
+  placeholder?: string;
+  type?: 'text' | 'password';
+  value?: string;
+  withoutMargin?: boolean;
+}
+
+function InputWithLabel ({ className, defaultValue, disabled, isError, isFocused, isReadOnly, label = '', onBlur, onChange, onEnter, onFocus, placeholder, type = 'text', value, withoutMargin }: Props): React.ReactElement<Props> {
+  const [isCapsLock, setIsCapsLock] = useState(false);
+  const { t } = useTranslation();
+
+  const _checkKey = useCallback(
+    (event: React.KeyboardEvent<HTMLInputElement>): void => {
+      onEnter && event.key === 'Enter' && onEnter();
+
+      if (type === 'password') {
+        if (event.getModifierState('CapsLock')) {
+          setIsCapsLock(true);
+        } else {
+          setIsCapsLock(false);
+        }
+      }
+    },
+    [onEnter, type]
+  );
+
+  const _onChange = useCallback(
+    ({ target: { value } }: React.ChangeEvent<HTMLInputElement>): void => {
+      onChange && onChange(value);
+    },
+    [onChange]
+  );
+
+  return (
+    <Label
+      className={`${className || ''} ${withoutMargin ? 'withoutMargin' : ''}`}
+      label={label}
+    >
+      <Input
+        autoCapitalize='off'
+        autoCorrect='off'
+        autoFocus={isFocused}
+        defaultValue={defaultValue || undefined}
+        disabled={disabled}
+        onBlur={onBlur}
+        onChange={_onChange}
+        onFocus={onFocus}
+        onKeyPress={_checkKey}
+        placeholder={placeholder}
+        readOnly={isReadOnly}
+        spellCheck={false}
+        type={type}
+        value={value}
+        withError={isError}
+      />
+      { isCapsLock && (
+        <Warning isBelowInput>{t('Warning: Caps lock is on')}</Warning>
+      )}
+    </Label>
+  );
+}
+
+export default styled(InputWithLabel)<Props>`
+  margin-bottom: 16px;
+
+  &.withoutMargin {
+    margin-bottom: 0px;
+
+   + .danger {
+      margin-top: 6px;
+    }
+  }
+`;