{"version":3,"file":"chunk-d828fe8b.js","sources":["../../../src/const/patterns.js","../../../src/modules/register/componets/PasswordVerification.svelte","../../../src/widgets/PasswordInput.svelte"],"sourcesContent":["export const PATTERNS = {\n  EMAIL: /^([A-Za-z0-9_\\+\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.[A-Za-z]{2,}$/,\n  PASSWORD: /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,30}$/,\n  SPECIAL_ATR: new RegExp('[`~@#$^&*=|{}\\\\[\\\\]<>/~@#￥……&*——|{}【】]'),\n  CHARACTER_ASC: /[\\x21-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7B-\\x7F]/,\n  IP_ADDRESS: /^((25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))\\.){3}(25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))$/,\n  TWITTER: /(^|[^@\\w])\\b/,\n  SPECIAL_CHARACTERS: /^[a-zA-Z0-9]{4,20}$/,\n  UID: /^[0-9]*$/,\n};\n","<script>\n  import {getContext} from 'svelte';\n  import {PATTERNS} from '@/const/patterns';\n  import lang from '../RegisterPage.lang';\n\n  export let password = null;\n  export let isPasswordTips = false;\n  export let placement = 'left';\n  export let isShowSpecialCharacters = 5;\n\n  const LG = getContext('LG');\n\n  let validateMap = [\n    {\n      text: LG(lang.OrMoreCharacters),\n      status: false,\n      rule: (password) => password.length >= 8,\n    },\n    {\n      text: LG(lang.LowercaseLetter),\n      status: false,\n      rule: (password) => /[a-z]/.test(password),\n    },\n    {\n      text: LG(lang.UppercaseLetter),\n      status: false,\n      rule: (password) => /[A-Z]/.test(password),\n    },\n    {\n      text: LG(lang.ContainsNumber),\n      status: false,\n      rule: (password) => /\\d/.test(password),\n    },\n    {\n      text: LG(lang.ContainsSpecialCharacters),\n      status: false,\n      rule: (password) => PATTERNS.CHARACTER_ASC.test(password),\n    },\n  ];\n\n  $: updateValidatePassword(password);\n\n  function updateValidatePassword(password) {\n    if (password === null && !password) {\n      return null;\n    }\n    validateMap.forEach((item) => {\n      item.status = item.rule(password);\n    });\n    validateMap = [...validateMap];\n  }\n</script>\n\n<style>\n  .wrap {\n    border-radius: 2px;\n    padding: 16px 20px;\n    min-width: 200px;\n    background: #fff;\n    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);\n  }\n  .before {\n    position: absolute;\n    top: 13px;\n    left: -13px;\n    display: block;\n    border: 7px;\n    border-style: dashed dashed solid dashed;\n    border-color: transparent #fff transparent transparent;\n    width: 0;\n    height: 0;\n    content: '';\n  }\n  .right .before {\n    display: none;\n  }\n  @media screen and (max-width: 640px) {\n    .wrap {\n      padding: 8px 12px;\n      box-shadow: none;\n    }\n    .before {\n      display: none;\n    }\n  }\n</style>\n\n<div class=\"wrap pr df fdc T3\" class:right={placement === 'right'}>\n  <i class=\"before\" />\n  <div>{LG(lang.YourPasswordShould)}</div>\n  {#each validateMap as item, index}\n    {#if index < isShowSpecialCharacters}\n      <div class=\"df mt10\" class:sell={isPasswordTips && !item.status}>\n        {#if item.status}\n          <i class=\"iconfont mr10 BLUE\">&#xe801;</i>\n        {:else}\n          <i class=\"iconfont mr10 T4\">&#xe622;</i>\n        {/if}\n        {item.text}\n      </div>\n    {/if}\n  {/each}\n</div>\n","<script>\n  import {onMount} from 'svelte';\n  import PasswordVerification from '@/modules/register/componets/PasswordVerification.svelte';\n\n  export let showIcon = true;\n  export let innerWidth = 1200;\n  export let value = '';\n  export let placeholder = '';\n  export let placement = 'left';\n  export let autocomplete = 'on';\n  export let disabled = false;\n  export let isError = false;\n  export let autofocus = false;\n  export let isShowPasswordTips = false;\n  export let isPasswordTips = false;\n  export let modalUI = false;\n  export let isShowSpecialCharacters = 5;\n  export let readonly = false;\n  export {className as class};\n\n  let className = '';\n  let input = null;\n  let revealed = true;\n\n  onMount(() => {\n    autofocus && setTimeout(() => input && input.focus(), 0);\n  });\n\n  function handleClickRevealToggle() {\n    if (!input) {\n      return;\n    }\n    input.type = input.type === 'password' ? 'text' : 'password';\n    revealed = !revealed;\n  }\n</script>\n\n<style>\n  .light-gray {\n    color: var(--T4);\n  }\n  .item {\n    border: 1px solid #e9ecef;\n    border-radius: 8px;\n    height: 48px;\n  }\n  .item.error {\n    border: 1px solid #f66;\n  }\n  .item:focus-within,\n  .item:hover {\n    border: 1px solid #003fe6;\n  }\n  .ipt {\n    border: none;\n    height: 88%;\n    outline: none;\n  }\n  .ipt::-webkit-input-placeholder {\n    color: var(--T3);\n  }\n  input[disabled] {\n    background: transparent;\n  }\n  .disabled {\n    background: #efefef;\n  }\n  .disabled input.autofill:-webkit-autofill,\n  .disabled input.autofill:-webkit-autofill:hover,\n  .disabled input.autofill:-webkit-autofill:focus {\n    box-shadow: 0 0 0 1000px #efefef inset;\n  }\n  .password {\n    top: 0;\n    right: 320px;\n  }\n  .left {\n    top: 0;\n    right: -10px;\n    transform: translateX(100%);\n  }\n  .modal-wrap {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n  }\n  .modal-hint {\n    position: fixed;\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n    transform: translate(20px, -43px);\n  }\n  .modal-ui input::placeholder {\n    color: #9fa3ab;\n  }\n</style>\n\n<div class=\"item pr df aic ph16 {className}\" class:modal-ui={modalUI} class:error={isError} class:disabled>\n  {#if showIcon}\n    <i class=\"ml4 iconfont f18 light-gray\">&#xe644;</i>\n  {/if}\n  <input class=\"autofill ml4 ipt f1\" type=\"password\" {readonly} {autocomplete} {placeholder} {disabled} bind:value bind:this={input} on:keypress on:focus on:blur />\n  <i class=\"iconfont f18 light-gray cp usn\" on:click={handleClickRevealToggle}>{@html revealed ? '&#xe73f;' : '&#xe750;'}</i>\n  {#if isShowPasswordTips && innerWidth >= 640}\n    <div class:modal-wrap={modalUI}>\n      <div class=\"password pa\" class:modal-hint={modalUI} class:left={placement === 'left'}><PasswordVerification password={value} {isPasswordTips} {placement} {isShowSpecialCharacters} /></div>\n    </div>\n  {/if}\n</div>\n{#if isShowPasswordTips && innerWidth < 640}\n  <div class=\"password\"><PasswordVerification password={value} {isPasswordTips} {placement} {isShowSpecialCharacters} /></div>\n{/if}\n"],"names":["PATTERNS","t1_value","ctx","create_if_block_1","insert_hydration","target","div","anchor","dirty","set_data","t1","i","if_block","create_if_block","lang","toggle_class","div1","append_hydration","div0","password","$$props","isPasswordTips","placement","isShowSpecialCharacters","LG","getContext","validateMap","updateValidatePassword","item","$$invalidate","create_if_block_2","input_1","raw_value","showIcon","innerWidth","value","placeholder","autocomplete","disabled","isError","autofocus","isShowPasswordTips","modalUI","readonly","className","input","revealed","onMount","handleClickRevealToggle","$$value"],"mappings":"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"}