@corva/dc-platform-shared 0.64.1 → 0.66.0

package/components/Login/components/StepFooter.js

@@ -1 +1 @@
-import e from"prop-types";import{withStyles as r}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import{UniversalLink as n}from"@corva/ui/components";import{jsx as t,jsxs as l}from"react/jsx-runtime";function a(e){var r=e.children,a=e.classes,o=e.showNeedHelp,d=e.needHelpExternalLink;return t(i,{item:!0,className:a.gridItem,children:l(i,{container:!0,direction:"row",justify:"space-between",alignItems:"center",children:[l(i,{item:!0,children:[o&&!d&&t(n,{"data-testid":"".concat("EmailPo","_needHelp"),className:a.helpLink,href:"/login/help",children:"Need help?"}),o&&d&&t("a",{"data-testid":"".concat("EmailPo","_needHelp"),className:a.helpLink,href:d,target:"_blank",rel:"noreferrer",children:"Need help?"})]}),t(i,{item:!0,children:r})]})})}a.propTypes={children:e.node,showNeedHelp:e.bool,needHelpExternalLink:e.string,classes:e.shape({gridItem:e.string.isRequired,helpLink:e.string.isRequired}).isRequired},a.defaultProps={children:null,needHelpExternalLink:null,showNeedHelp:!0};var o=r((function(e){return{gridItem:{padding:e.spacing(2,4,4,4),width:"100%"},helpLink:{color:e.palette.primary.text6,textTransform:"uppercase",padding:e.spacing(1),borderRadius:4,"&:hover":{background:"#333",color:"#fff"}}}}))(a);export{o as default};
+import e from"prop-types";import{withStyles as r}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import{UniversalLink as n}from"@corva/ui/components";import{jsx as t,jsxs as l}from"react/jsx-runtime";function a(e){const{children:r,classes:a,showNeedHelp:o,needHelpExternalLink:d}=e;return t(i,{item:!0,className:a.gridItem,children:l(i,{container:!0,direction:"row",justify:"space-between",alignItems:"center",children:[l(i,{item:!0,children:[o&&!d&&t(n,{"data-testid":"".concat("EmailPo","_needHelp"),className:a.helpLink,href:"/login/help",children:"Need help?"}),o&&d&&t("a",{"data-testid":"".concat("EmailPo","_needHelp"),className:a.helpLink,href:d,target:"_blank",rel:"noreferrer",children:"Need help?"})]}),t(i,{item:!0,children:r})]})})}a.propTypes={children:e.node,showNeedHelp:e.bool,needHelpExternalLink:e.string,classes:e.shape({gridItem:e.string.isRequired,helpLink:e.string.isRequired}).isRequired},a.defaultProps={children:null,needHelpExternalLink:null,showNeedHelp:!0};var o=r((e=>({gridItem:{padding:e.spacing(2,4,4,4),width:"100%"},helpLink:{color:e.palette.primary.text6,textTransform:"uppercase",padding:e.spacing(1),borderRadius:4,"&:hover":{background:"#333",color:"#fff"}}})))(a);export{o as default};

package/components/Login/components/StepHeader.js

@@ -1 +1 @@
-import r from"prop-types";import{withStyles as e}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import t from"@material-ui/core/Typography";import{jsx as s}from"react/jsx-runtime";function a(r){return s(i,{item:!0,className:r.classes.gridItem,children:s(t,{variant:"h6",children:r.children})})}a.propTypes={children:r.string.isRequired,classes:r.shape({gridItem:r.string.isRequired}).isRequired};var m=e((function(r){return{gridItem:{padding:r.spacing(4),textAlign:"center",width:"100%"}}}))(a);export{m as default};
+import r from"prop-types";import{withStyles as e}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import t from"@material-ui/core/Typography";import{jsx as s}from"react/jsx-runtime";function a(r){return s(i,{item:!0,className:r.classes.gridItem,children:s(t,{variant:"h6",children:r.children})})}a.propTypes={children:r.string.isRequired,classes:r.shape({gridItem:r.string.isRequired}).isRequired};var m=e((r=>({gridItem:{padding:r.spacing(4),textAlign:"center",width:"100%"}})))(a);export{m as default};

package/components/Login/components/VerificationStep.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as n,useEffect as i}from"react";import{Button as o}from"@corva/ui/components";import{makeStyles as a,Grid as c,Typography as l}from"@material-ui/core";import u from"classnames";import d from"./Step.js";import s from"./StepContent.js";import{jsxs as m,jsx as p,Fragment as f}from"react/jsx-runtime";var h=a((function(e){return{stepHeader:{padding:e.spacing(4),textAlign:"center",width:"100%",display:"flex",flexDirection:"column",alignItems:"center"},subtitle:{marginTop:e.spacing(2),color:e.palette.primary.text6,fontSize:16,letterSpacing:-.01,lineHeight:"normal"},form:{display:"flex",justifyContent:"space-between"},actions:{display:"flex",justifyContent:function(e){return e.isResendButtonVisible?"space-between":"end"},width:"100%",padding:"24px 32px 40px"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},padding:8,border:"1px solid ".concat(e.palette.primary.text9),borderRadius:4,backgroundColor:e.palette.background.b4,color:e.palette.primary.contrastText,fontSize:30,textAlign:"center","&:active, &:hover, &:focus-visible":{border:"1px solid ".concat(e.palette.primary.main),outline:"none"}},inputError:{border:"1px solid ".concat(e.palette.error.main," !important")},footer:{width:"100%",padding:"0 32px",fontSize:14,letterSpacing:-.01,color:e.palette.primary.text6,textAlign:"center"},divider:{borderTop:"1px solid rgba(255, 255, 255, 0.2)",width:"100%",marginBottom:40},footerButton:{cursor:"pointer",color:e.palette.primary.main}}})),b="email",v="sms",g=Array.from({length:6},(function(){return""}));function y(a){var y=a.email,x=a.identityVerification,S=a.loginVerificationFailure,C=a.onCodeProvided,N=a.requestVerification,w=r(x.enabled_modes[0]),k=t(w,2),B=k[0],T=k[1],j=r(g),V=t(j,2),A=V[0],D=V[1],E=r(S),I=t(E,2),R=I[0],z=I[1],H=r(!1),M=t(H,2),P=M[0],_=M[1],q=h({isResendButtonVisible:P}),F=n(null),W=n(null);i((function(){z(S),S&&(_(!0),W.current=null)}),[S]),i((function(){return N({email:y,mode:B}).then((function(){W.current=setTimeout((function(){_(!0),W.current=null}),15e3)})).catch(console.error),function(){W.current&&clearTimeout(W.current)}}),[]);var Y=function(){A.every(Boolean)&&C({code:A.join(""),mode:B})},G=A.every(Boolean);i((function(){G&&Y()}),[A.join(),G]);var J=function(e){e.preventDefault(),Y()},K=function(r){return function(n){var i=t(n.target.value,2),o=i[0],a=i[1],c=A[r],l=o;a&&a!==c&&(l=a);var u=e(A);u[r]=l,D(u),z(!1),void 0===l&&r>0?F.current.childNodes[r-1].focus():l&&r<5&&F.current.childNodes[r+1].focus()}},L=function(e){return function(){T(e),N({email:y,mode:e}).catch(console.error),_(!1),z(!1),D(g),W.current&&clearTimeout(W.current),W.current=setTimeout((function(){_(!0),W.current=null}),15e3)}};return m(d,{children:[m(c,{item:!0,className:q.stepHeader,children:[p(l,{variant:"h6",children:R?"Invalid Verification Code":"Verify Your Identity"}),p("div",{className:q.subtitle,children:B===b?"Enter a 6-digit code which was set to ".concat(y):"We have sent an SMS with one time verification code to your phone number"})]}),p(s,{children:p("form",{className:q.form,id:"verification-form",onSubmit:J,autoComplete:"on",ref:F,onPaste:function(e){var t=String(e.clipboardData.getData("text")).trim().slice(0,6).split("");t.every((function(e){return Number.isInteger(Number(e))}))&&6===t.length&&D(t)},children:A.map((function(e,t){return p("input",{type:"number",min:0,max:9,onChange:K(t),className:u(q.input,R&&q.inputError),value:e},t)}))})}),m("div",{className:q.actions,children:[P&&p(o,{onClick:L(B),variation:"secondary",children:"Resend Code"}),p(o,{disabled:!G||R,form:"verification-form",onClick:J,type:"submit",variation:"primary",children:"Next"})]}),x.enabled_modes.length>1&&m("div",{className:q.footer,children:[p("div",{className:q.divider}),m(f,B===b?{children:["Send a code via"," ",p("span",{className:q.footerButton,onClick:L(v),children:"SMS"})]}:{children:["Send a code to"," ",p("span",{className:q.footerButton,onClick:L(b),children:"Email"})]})]})]})}export{y as VerificationStep};
+import{useState as e,useRef as t,useEffect as r}from"react";import{Button as i}from"@corva/ui/components";import{makeStyles as n,Grid as o,Typography as a}from"@material-ui/core";import c from"classnames";import l from"./Step.js";import s from"./StepContent.js";import{jsxs as d,jsx as m,Fragment as p}from"react/jsx-runtime";const u=n((e=>({stepHeader:{padding:e.spacing(4),textAlign:"center",width:"100%",display:"flex",flexDirection:"column",alignItems:"center"},subtitle:{marginTop:e.spacing(2),color:e.palette.primary.text6,fontSize:16,letterSpacing:-.01,lineHeight:"normal"},form:{display:"flex",justifyContent:"space-between"},actions:{display:"flex",justifyContent:e=>{let{isResendButtonVisible:t}=e;return t?"space-between":"end"},width:"100%",padding:"24px 32px 40px"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},padding:8,border:"1px solid ".concat(e.palette.primary.text9),borderRadius:4,backgroundColor:e.palette.background.b4,color:e.palette.primary.contrastText,fontSize:30,textAlign:"center","&:active, &:hover, &:focus-visible":{border:"1px solid ".concat(e.palette.primary.main),outline:"none"}},inputError:{border:"1px solid ".concat(e.palette.error.main," !important")},footer:{width:"100%",padding:"0 32px",fontSize:14,letterSpacing:-.01,color:e.palette.primary.text6,textAlign:"center"},divider:{borderTop:"1px solid rgba(255, 255, 255, 0.2)",width:"100%",marginBottom:40},footerButton:{cursor:"pointer",color:e.palette.primary.main}}))),f="email",h="sms",b=Array.from({length:6},(()=>""));function g(n){let{email:g,identityVerification:v,loginVerificationFailure:x,onCodeProvided:y,requestVerification:S}=n;const[N,C]=e(v.enabled_modes[0]),[w,k]=e(b),[B,j]=e(x),[T,V]=e(!1),A=u({isResendButtonVisible:T}),D=t(null),E=t(null);r((()=>{j(x),x&&(V(!0),E.current=null)}),[x]),r((()=>(S({email:g,mode:N}).then((()=>{E.current=setTimeout((()=>{V(!0),E.current=null}),15e3)})).catch(console.error),()=>{E.current&&clearTimeout(E.current)})),[]);const I=()=>{w.every(Boolean)&&y({code:w.join(""),mode:N})},R=w.every(Boolean);r((()=>{R&&I()}),[w.join(),R]);const z=e=>{e.preventDefault(),I()},H=e=>t=>{const[r,i]=t.target.value,n=w[e];let o=r;i&&i!==n&&(o=i);const a=[...w];a[e]=o,k(a),j(!1),void 0===o&&e>0?D.current.childNodes[e-1].focus():o&&e<5&&D.current.childNodes[e+1].focus()},M=e=>()=>{C(e),S({email:g,mode:e}).catch(console.error),V(!1),j(!1),k(b),E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{V(!0),E.current=null}),15e3)};return d(l,{children:[d(o,{item:!0,className:A.stepHeader,children:[m(a,{variant:"h6",children:B?"Invalid Verification Code":"Verify Your Identity"}),m("div",{className:A.subtitle,children:N===f?"Enter a 6-digit code which was set to ".concat(g):"We have sent an SMS with one time verification code to your phone number"})]}),m(s,{children:m("form",{className:A.form,id:"verification-form",onSubmit:z,autoComplete:"on",ref:D,onPaste:e=>{const t=String(e.clipboardData.getData("text")).trim().slice(0,6).split("");t.every((e=>Number.isInteger(Number(e))))&&6===t.length&&k(t)},children:w.map(((e,t)=>m("input",{type:"number",min:0,max:9,onChange:H(t),className:c(A.input,B&&A.inputError),value:e},t)))})}),d("div",{className:A.actions,children:[T&&m(i,{onClick:M(N),variation:"secondary",children:"Resend Code"}),m(i,{disabled:!R||B,form:"verification-form",onClick:z,type:"submit",variation:"primary",children:"Next"})]}),v.enabled_modes.length>1&&d("div",{className:A.footer,children:[m("div",{className:A.divider}),d(p,N===f?{children:["Send a code via"," ",m("span",{className:A.footerButton,onClick:M(h),children:"SMS"})]}:{children:["Send a code to"," ",m("span",{className:A.footerButton,onClick:M(f),children:"Email"})]})]})]})}export{g as VerificationStep};

package/ext-cjs/@babel/runtime/helpers/defineProperty.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_virtual/_commonjsHelpers.js"),r=e.createCommonjsModule((function(e){e.exports=function(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports})),t=e.getDefaultExportFromCjs(r);module.exports=t;
+"use strict";var e=require("../../../../_virtual/_commonjsHelpers.js"),r=require("./toPropertyKey.js"),t=e.createCommonjsModule((function(e){e.exports=function(e,t,o){return(t=r.toPropertyKey_1(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports})),o=e.getDefaultExportFromCjs(t);module.exports=o;

package/ext-cjs/@babel/runtime/helpers/toPrimitive.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_commonjsHelpers.js"),r=require("./typeof.js"),t=e.createCommonjsModule((function(e){var t=r._typeof_1.default;e.exports=function(e,r){if("object"!=t(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var i=o.call(e,r||"default");if("object"!=t(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)},e.exports.__esModule=!0,e.exports.default=e.exports}));e.getDefaultExportFromCjs(t),exports.toPrimitive_1=t;

package/ext-cjs/@babel/runtime/helpers/toPropertyKey.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_commonjsHelpers.js"),r=require("./typeof.js"),t=require("./toPrimitive.js"),o=e.createCommonjsModule((function(e){var o=r._typeof_1.default;e.exports=function(e){var r=t.toPrimitive_1(e,"string");return"symbol"==o(r)?r:r+""},e.exports.__esModule=!0,e.exports.default=e.exports}));e.getDefaultExportFromCjs(o),exports.toPropertyKey_1=o;