60535.6901a145.iframe.bundle.js

"use strict";(globalThis.webpackChunkmetamask_crx=globalThis.webpackChunkmetamask_crx||[]).push([[60535],{"./ui/components/app/step-progress-bar/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Dw:()=>ThreeStepProgressBar,Pd:()=>TwoStepProgressBar,ok:()=>threeStepStages,U1:()=>twoStepStages});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),box=__webpack_require__("./ui/components/ui/box/index.js"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts");function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{},ownKeys=Object.keys(source);"function"==typeof Object.getOwnPropertySymbols&&(ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))),ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _object_without_properties(source,excluded){if(null==source)return{};var key,i,target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _object_without_properties_loose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}var threeStepStages={PASSWORD_CREATE:1,RECOVERY_PHRASE_VIDEO:2,RECOVERY_PHRASE_REVIEW:3,RECOVERY_PHRASE_CONFIRM:4,ONBOARDING_COMPLETE:5},twoStepStages={RECOVERY_PHRASE_CONFIRM:1,PASSWORD_CREATE:2};function ThreeStepProgressBar(_param){var stage=_param.stage,boxProps=_object_without_properties(_param,["stage"]),t=(0,useI18nContext.P)();return react.createElement(box.Ay,boxProps,react.createElement("ul",{className:"progressbar"},react.createElement("li",{className:classnames_default()({active:stage>=1,complete:stage>1})},(0,lodash.capitalize)(t("createPassword"))),react.createElement("li",{className:classnames_default()({active:stage>=2,complete:stage>3})},(0,lodash.capitalize)(t("secureWallet"))),react.createElement("li",{className:classnames_default()({active:stage>=4,complete:stage>5})},(0,lodash.capitalize)(t("confirmRecoveryPhrase")))))}function TwoStepProgressBar(_param){var stage=_param.stage,boxProps=_object_without_properties(_param,["stage"]),t=(0,useI18nContext.P)();return react.createElement(box.Ay,_object_spread({width:design_system.VH.FULL},boxProps),react.createElement("ul",{className:"progressbar two-steps"},react.createElement("li",{className:classnames_default()({active:stage>=1,complete:stage>1})},(0,lodash.capitalize)(t("confirmRecoveryPhrase"))),react.createElement("li",{className:classnames_default()("two-steps",{active:stage>=2,complete:stage>2})},(0,lodash.capitalize)(t("createPassword")))))}ThreeStepProgressBar.propTypes=_object_spread({stage:prop_types_default().number},box.Ay.propTypes),TwoStepProgressBar.propTypes=_object_spread({stage:prop_types_default().number},box.Ay.propTypes),ThreeStepProgressBar.__docgenInfo={description:"",methods:[],displayName:"ThreeStepProgressBar",props:{stage:{description:"",type:{name:"number"},required:!1},children:{description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]},required:!1},flexDirection:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(FlexDirection)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(FlexDirection)"}}]},required:!1},flexWrap:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(FlexWrap)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(FlexWrap)"}}]},required:!1},gap:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},margin:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginTop:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginBottom:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginRight:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginLeft:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInline:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInlineStart:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInlineEnd:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},padding:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingTop:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingBottom:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingRight:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingLeft:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInline:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInlineStart:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInlineEnd:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},borderColor:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBorderColors"},{name:"custom",raw:"ArrayOfValidBorderColors"}]},required:!1},borderWidth:{description:"",type:{name:"union",value:[{name:"number"},{name:"arrayOf",value:{name:"number"}}]},required:!1},borderRadius:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(BorderRadius)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(BorderRadius)"}}]},required:!1},borderStyle:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(BorderStyle)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(BorderStyle)"}}]},required:!1},alignItems:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidAlignItem"},{name:"custom",raw:"ArrayOfValidAlignItems"}]},required:!1},justifyContent:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidJustifyContent"},{name:"custom",raw:"ArrayOfValidJustifyContents"}]},required:!1},textAlign:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(TextAlign)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(TextAlign)"}}]},required:!1},display:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(Display)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(Display)"}}]},required:!1},width:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBlockSize"},{name:"custom",raw:"ArrayOfValidBlockSizes"}]},required:!1},height:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBlockSize"},{name:"custom",raw:"ArrayOfValidBlockSizes"}]},required:!1},backgroundColor:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBackgroundColor"},{name:"custom",raw:"ArrayOfValidBackgroundColor"}]},required:!1},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1},as:{description:"The polymorphic `as` prop allows you to change the root HTML element of the Box component\nDefaults to 'div'",type:{name:"string"},required:!1},color:{description:"The color of the Typography component Should use the COLOR object from\n./ui/helpers/constants/design-system.js",type:{name:"union",value:[{name:"custom",raw:"ValidTextColors"},{name:"custom",raw:"ArrayOfValidTextColors"},{name:"custom",raw:"ValidIconColors"},{name:"custom",raw:"ArrayOfValidIconColors"}]},required:!1},ariaLabel:{description:"",type:{name:"string"},required:!1},"aria-label":{description:"",type:{name:"string"},required:!1}}},TwoStepProgressBar.__docgenInfo={description:"",methods:[],displayName:"TwoStepProgressBar",props:{stage:{description:"",type:{name:"number"},required:!1},children:{description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]},required:!1},flexDirection:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(FlexDirection)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(FlexDirection)"}}]},required:!1},flexWrap:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(FlexWrap)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(FlexWrap)"}}]},required:!1},gap:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},margin:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginTop:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginBottom:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginRight:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginLeft:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInline:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInlineStart:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},marginInlineEnd:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSizeAndAuto"},{name:"custom",raw:"ArrayOfValidSizesAndAuto"}]},required:!1},padding:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingTop:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingBottom:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingRight:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingLeft:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInline:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInlineStart:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},paddingInlineEnd:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidSize"},{name:"custom",raw:"ArrayOfValidSizes"}]},required:!1},borderColor:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBorderColors"},{name:"custom",raw:"ArrayOfValidBorderColors"}]},required:!1},borderWidth:{description:"",type:{name:"union",value:[{name:"number"},{name:"arrayOf",value:{name:"number"}}]},required:!1},borderRadius:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(BorderRadius)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(BorderRadius)"}}]},required:!1},borderStyle:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(BorderStyle)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(BorderStyle)"}}]},required:!1},alignItems:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidAlignItem"},{name:"custom",raw:"ArrayOfValidAlignItems"}]},required:!1},justifyContent:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidJustifyContent"},{name:"custom",raw:"ArrayOfValidJustifyContents"}]},required:!1},textAlign:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(TextAlign)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(TextAlign)"}}]},required:!1},display:{description:"",type:{name:"union",value:[{name:"enum",computed:!0,value:"Object.values(Display)"},{name:"arrayOf",value:{name:"enum",computed:!0,value:"Object.values(Display)"}}]},required:!1},width:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBlockSize"},{name:"custom",raw:"ArrayOfValidBlockSizes"}]},required:!1},height:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBlockSize"},{name:"custom",raw:"ArrayOfValidBlockSizes"}]},required:!1},backgroundColor:{description:"",type:{name:"union",value:[{name:"custom",raw:"ValidBackgroundColor"},{name:"custom",raw:"ArrayOfValidBackgroundColor"}]},required:!1},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1},as:{description:"The polymorphic `as` prop allows you to change the root HTML element of the Box component\nDefaults to 'div'",type:{name:"string"},required:!1},color:{description:"The color of the Typography component Should use the COLOR object from\n./ui/helpers/constants/design-system.js",type:{name:"union",value:[{name:"custom",raw:"ValidTextColors"},{name:"custom",raw:"ArrayOfValidTextColors"},{name:"custom",raw:"ValidIconColors"},{name:"custom",raw:"ArrayOfValidIconColors"}]},required:!1},ariaLabel:{description:"",type:{name:"string"},required:!1},"aria-label":{description:"",type:{name:"string"},required:!1}}}}}]);