https://signlab-india.herokuapp.com/static/js/6152.817fc3e2.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[6152],{31766:(e,t,o)=>{o.r(t),o.d(t,{default:()=>n});const n={container:{minHeightCW:53,depthCW:4,borderRadiusCW:18,paddingHorizontalCW:18,paddingVerticalCW:10,gapCW:12,backgroundColor:"#FFFFFF",boxShadow:"inset 0 -3px 0 0 #F3F3F4"},border:{borderWidthNotChosenCW:1,borderWidthChosenCW:3,borderColorNotChosen:"#ECECEC"},icon:{sizeCW:22},radio:{sizeCW:22},levelIcon:{widthCW:20,barHeightCW:3,barWidthCW:19,barGapCW:2,barRadiusCW:9},text:{fontSizeFS:15,maxFontScale:1.2,color:"#494949"},rightText:{fontSizeFS:13.5,maxFontScale:1.1,color:"#9EA2AD"},gradient:{angleFallbackDeg:135},colors:{sunrise:{gradientStart:"#FF7853",gradientEnd:"#FFCC66",gradientAngle:"135deg",light:"#FFF1D6",dark:"#FFAC11",radioColor:"#FFAC11"},bloom:{gradientStart:"#FF6B9C",gradientEnd:"#FFCC66",gradientAngle:"135deg",light:"#FFD2E1",dark:"#F14F84",radioColor:"#FF6B9C"},newLeaf:{gradientStart:"#B8E986",gradientEnd:"#43BB96",gradientAngle:"135deg",light:"#E3F7F1",dark:"#43BB96",radioColor:"#43BB96"},skyBlue:{gradientStart:"#0C8DAE",gradientEnd:"#4BC7E6",gradientAngle:"135deg",light:"#D4F6FF",dark:"#4BC7E6",radioColor:"#4BC7E6"}}}},48455:(e,t,o)=>{o.r(t),o.d(t,{default:()=>a});o(36665);var n=o(90139),i=o(5840),r=o(60397);const d={checkAnswer_active:{textId:"Check answer",iconRight:"WhiteCheckmark",iconSf:.6,colorMode:n.ButtonColor.Blue},checkAnswer_inactive:{textId:"Check answer",iconRight:"GrayCheckmark",iconSf:.6,textColor:"#949494",backgroundColor:"#ECECEC",shadowColor:"#C9CDD3",inactive:!0},nextQuestion_correct:{textId:"Next question",iconRight:"WhiteArrow",iconSf:.7,colorMode:n.ButtonColor.Green},nextQuestion_wrong:{textId:"Next question",iconRight:"WhiteArrow",iconSf:.7,colorMode:n.ButtonColor.Coral},nextQuestion_inactive:{textId:"Next question",iconRight:"GrayArrow",iconSf:.7,textColor:"#949494",backgroundColor:"#ECECEC",shadowColor:"#C9CDD3",inactive:!0},continue_correct:{textId:"Continue",iconRight:"WhiteArrow",iconSf:.7,colorMode:n.ButtonColor.Green},continue_wrong:{textId:"Continue",iconRight:"WhiteArrow",iconSf:.7,colorMode:n.ButtonColor.Coral},continue_blue:{textId:"Continue",iconRight:"WhiteArrow",iconSf:.7,colorMode:n.ButtonColor.Blue},continue_darkGrey:{textId:"Continue",iconRight:"WhiteArrow",iconSf:.7,makeGrey:!0},continue_inactive:{textId:"Continue",iconRight:null,iconSf:.7,textColor:"#949494",backgroundColor:"#ECECEC",shadowColor:"#C9CDD3",inactive:!0}};function a({variant:e,onPress:t,textId:o,iconRight:a,showLoadingIcon:s,hideIcon:l,haptic:c,onHoldStart:h,onHoldEnd:u,forcePressed:C}){const g=d[e],f=l?null:void 0===a?g.iconRight:a;return(0,r.jsx)(i.default,{makeStandardWidth:!0,putContentCenter:!0,divId:"d6668",children:(0,r.jsx)(n.default,{textId:o||g.textId,iconRight:f,iconSf:g.iconSf,colorMode:g.colorMode,makeGrey:g.makeGrey,textColor:g.textColor,backgroundColor:g.backgroundColor,shadowColor:g.shadowColor,onPress:t||(()=>{}),inactive:g.inactive,showLoadingIcon:s,haptic:c,onHoldStart:h,onHoldEnd:u,forcePressed:C})})}},53269:(e,t,o)=>{o.r(t),o.d(t,{default:()=>C});o(36665);var n=o(16926),i=o(35337),r=o(2225),d=o(40818),a=o(39508);var s=o(11765),l=o(5840),c=o(80152),h=o(31766),u=o(60397);class C extends c.default{subTo="Option was clicked";isPressedIn=!1;onPressIn(){this.isPressedIn=!0,this.forceUpdate()}onPressOut(){this.isPressedIn=!1,this.forceUpdate()}getEffectiveContentType(){const e=this.props.obj,t=e.getContentType();return t||(e.getIcon()||e.getIconId()?"iconTextRadio":e.getLevel()?"levelIconText":"textSubtext")}getIconSourceId(){const e=this.props.obj,t=e.getIconId();if(t){return{WhyHere_Family:"Onb_Icon_FamilyMember",WhyHere_Work:"Onb_Icon_AtWork",WhyHere_Education:"Onb_Icon_Education",WhyHere_DeafMyself:"Onb_Icon_DeafMyself",WhyHere_Connect:"Onb_Icon_ConnectPeople",WhyHere_Fun:"Onb_Icon_ForFun"}[t]||null}const o=e.getIcon();if(o){return{hearts:"Onb_Icon_FamilyMember",briefcase:"Onb_Icon_AtWork",graduationHat:"Onb_Icon_Education",hand:"Onb_Icon_DeafMyself",people:"Onb_Icon_ConnectPeople",sparkles:"Onb_Icon_ForFun"}[o]||null}return null}getRadioSourceId(e,t){if(!e)return"Onb_RadioUnchecked";return{skyBlue:"Onb_RadioChecked_SkyBlue",bloom:"Onb_RadioChecked_Bloom",newLeaf:"Onb_RadioChecked_NewLeaf",sunrise:"Onb_RadioChecked_Sunrise"}[t||"skyBlue"]}render(){return this.renderNewStyle()}renderNewStyle(){const e=this.props.obj,t=e.getIfSelected(),o=this.getEffectiveContentType(),r=e.getColor()||"skyBlue",a=e.getText(),s=e.getLevel()||1,c=e.getSubtext()||e.getGreyText(),C=h.default,g=t?C.colors[r]:null,f=(0,n.default)();if(t&&g){const e=d.default.activeQuestionaireStep,t=e?.getOptionBorderGradientStart?.(),n=e?.getOptionBorderGradientEnd?.(),i=e?.getOptionBorderGradientAngle?.(),l=t&&n?[t,n]:[g.gradientStart,g.gradientEnd],h=t&&n?i??C.gradient.angleFallbackDeg:parseInt(g.gradientAngle);return this.renderWithGradientBorder(o,a,c,s,r,g,l,h)}const p=this.props.faceHeightCW||C.container.minHeightCW,x=p+C.container.depthCW,b=.8*x,W=x-b,I=this.isPressedIn?-p:-x;return(0,u.jsxs)(l.default,{widthNum:f,heightCW:x,marginTopCW:this.props.marginTopCW||0,divId:"d6739-container",children:[(0,u.jsx)(l.default,{widthNum:f,heightCW:b,marginTopCW:W,borderRadiusCW:C.container.borderRadiusCW,backgroundColor:C.border.borderColorNotChosen,divId:"d6739-shadow"}),(0,u.jsx)(l.default,{onPress:this.onPress.bind(this),onPressIn:()=>this.onPressIn(),onPressOut:()=>this.onPressOut(),activeOpacity:1,label:"JoyOption "+a,widthNum:f,heightCW:p,marginTopCW:I,backgroundColor:C.container.backgroundColor,borderRadiusCW:C.container.borderRadiusCW,paddingHorizontalCW:C.container.paddingHorizontalCW,paddingVerticalCW:C.container.paddingVerticalCW,flexDirection:"row",alignItems:"center",extraStyleParams:{ga

1p:(0,i.default)(C.container.gapCW),overflow:"hidden"},divId:"d6739",children:this.cardContent(o,a,c,s,!1,r)}),(0,u.jsx)(l.default,{widthNum:f,heightCW:this.isPressedIn?p:x,marginTopCW:-p,borderRadiusCW:C.container.borderRadiusCW,borderWidthCW:C.border.borderWidthNotChosenCW,borderColor:C.border.borderColorNotChosen,pointerEvents:"none",divId:"d6739-border"})]})}renderWithGradientBorder(e,t,o,r,d,a,s,c){const C=h.default,g=(0,n.default)(),f=this.props.faceHeightCW||C.container.minHeightCW,p=f+C.container.depthCW,x=.8*p,b=p-x,W=this.isPressedIn?[C.border.borderColorNotChosen,C.border.borderColorNotChosen]:s,I=this.isPressedIn?C.border.borderWidthNotChosenCW:C.border.borderWidthChosenCW,S=this.isPressedIn?f:p,m=this.isPressedIn?-f:-p,y=Math.max(1,(0,i.default)(I))-Math.max(1,(0,i.default)(C.border.borderWidthNotChosenCW)),v=Math.max(0,(0,i.default)(C.container.paddingHorizontalCW)-y),F=Math.max(0,(0,i.default)(C.container.paddingVerticalCW)-y);return(0,u.jsxs)(l.default,{widthNum:g,heightCW:p,marginTopCW:this.props.marginTopCW||0,divId:"d6738-container",children:[(0,u.jsx)(l.default,{widthNum:g,heightCW:x,marginTopCW:b,borderRadiusCW:C.container.borderRadiusCW,backgroundColor:s[0],divId:"d6738-shadow"}),(0,u.jsx)(l.default,{onPress:this.onPress.bind(this),onPressIn:()=>this.onPressIn(),onPressOut:()=>this.onPressOut(),activeOpacity:1,label:"JoyOption "+t,widthNum:g,heightCW:S,marginTopCW:m,borderRadiusCW:C.container.borderRadiusCW,borderWidthCW:I,borderGradient:W,gradientAngle:c,backgroundColor:this.props.selectedBackgroundColor||C.container.backgroundColor,paddingHorizontalNum:v,paddingVerticalNum:F,divId:"d6738",children:(0,u.jsx)(l.default,{flexDirection:"row",alignItems:"center",flexGrow:!0,extraStyleParams:{gap:(0,i.default)(C.container.gapCW),overflow:"hidden"},divId:"d6737",children:this.cardContent(e,t,o,r,!this.isPressedIn,d)})})]})}cardContent(e,t,o,n,i,r){return this.props.children?this.props.children:"iconTextRadio"===e?this.renderIconTextRadio(t,i,r):"levelIconText"===e?this.renderLevelIconText(t,n,i,r):this.renderTextSubtext(t,o)}renderIconTextRadio(e,t,o){const n=h.default,i=this.getIconSourceId(),r=this.getRadioSourceId(t,o),a=d.default.activeQuestionaireStep?.getIfMultipleChoice?.()||!1;return(0,u.jsxs)(u.Fragment,{children:[i&&(0,u.jsx)(l.default,{widthCW:n.icon.sizeCW,heightCW:n.icon.sizeCW,sourceId:i,divId:"d6736"}),(0,u.jsx)(l.default,{text:e,fontSizeFS:n.text.fontSizeFS,maxFontScale:n.text.maxFontScale,color:n.text.color,fontFamily:"Regular",flexGrow:!0,divId:"d6735"}),a&&!t?(0,u.jsx)(l.default,{widthCW:n.radio.sizeCW,heightCW:n.radio.sizeCW,borderRadiusCW:n.radio.sizeCW/2,backgroundColor:n.border.borderColorNotChosen,divId:"d6734"}):(0,u.jsx)(l.default,{widthCW:n.radio.sizeCW,heightCW:n.radio.sizeCW,sourceId:r,divId:"d6733"})]})}renderLevelIconText(e,t,o,n){const r=h.default,d=o&&n?r.colors[n]:r.colors.skyBlue;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l.default,{widthCW:r.levelIcon.widthCW,flexDirection:"column",alignItems:"center",justifyContent:"center",extraStyleParams:{gap:(0,i.default)(r.levelIcon.barGapCW)},divId:"d6732",children:[5,4,3,2,1].map(e=>{const o=e<=t?d.dark:d.light;return(0,u.jsx)(l.default,{widthCW:r.levelIcon.barWidthCW,heightCW:r.levelIcon.barHeightCW,backgroundColor:o,borderRadiusCW:r.levelIcon.barRadiusCW,divId:"d6731"},e)})}),(0,u.jsx)(l.default,{text:e,fontSizeFS:r.text.fontSizeFS,maxFontScale:r.text.maxFontScale,color:r.text.color,fontFamily:"Regular",flexGrow:!0,divId:"d6730"})]})}renderTextSubtext(e,t){const o=h.default;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l.default,{text:e,fontSizeFS:o.text.fontSizeFS,maxFontScale:o.text.maxFontScale,color:o.text.color,fontFamily:"Regular",flexGrow:!0,divId:"d6729"}),t&&(0,u.jsx)(l.default,{text:t,fontSizeFS:o.rightText.fontSizeFS,maxFontScale:o.rightText.maxFontScale,color:o.rightText.color,fontFamily:"Regular",extraStyleParams:{textAlign:"right"},divId:"d6728"})]})}onPress(){if(this.props.onSelect)return void this.props.onSelect();const e=this.props.obj;d.default.buttonPressHistory.push(`QStO - ${e?.getId?e.getId():""} < ${d.default.activePage} >`),(0,r.default)();d.default.activeQuestionaireStep.optionWasClicked(this.props.obj),(0,s.default)("Option was clicked"),function(){const e=d.default.statsObject,t=d.default.activeQuestionaireStep;if(!t)throw new Error("fc45fa5745");const o=t.getId(),n=t.getAnswerIdOrIds();e.setAnswer(o,n),"why-here"===o&&e.specifyReasonsForLearning(t.getAnswerIds()),(0,a.default)(3e3)}()}}},66152:(e,t,o)=>{o.r(t),o.d(t,{default:()=>k});var n=o(36665),i=o(2772),r=o(73929),d=o(48455),a=o(97660),s=o(40092),l=o(5840),c=o(29688),h=o(40468),u=o(75012),C=o(134),g=o(61876),f=

1o(16926),p=o(49504),x=o(35337),b=o(53750),W=o(53269),I=o(31766),S=o(67465),m=o(78026),y=o(46464),v=o(60397);class F extends n.Component{render(){const e=I.default,t=this.props.option,o=new m.default({id:t.id,textId:t.title,defaultSelected:this.props.selected,color:"skyBlue"}),n=this.textLayout(),i={marginBottom:(0,x.default)(10)};return(0,v.jsx)(r.default,{accessibilityRole:"radio",accessibilityLabel:t.title,"aria-checked":this.props.selected,style:i,children:(0,v.jsxs)(W.default,{obj:o,i:0,faceHeightCW:n.height/(0,x.default)(1),selectedBackgroundColor:e.colors.skyBlue.light,onSelect:this.props.onSelect,children:[this.indicator(),this.text(n)]})})}textLayout(){const e=I.default,t=(0,f.default)()-(0,x.default)(2*e.container.paddingHorizontalCW+e.radio.sizeCW+e.container.gapCW+2*e.border.borderWidthChosenCW),o=(0,S.default)({text:this.props.option.title,fontFamily:"SemiBold",fontSize:(0,y.default)(15),maxWidth:t}),n=(0,S.default)({text:this.props.option.body,fontFamily:"Regular",fontSize:(0,y.default)(13),maxWidth:t}),i=o.split("\n").length*(0,y.default)(19),r=n.split("\n").length*(0,y.default)(17);return{title:o,body:n,width:t,height:i+r+(0,x.default)(4+2*e.container.paddingVerticalCW+4)}}indicator(){const e=this.props.selected?"Onb_RadioChecked_SkyBlue":"Onb_RadioUnchecked";return(0,v.jsx)(l.default,{sourceId:e,sizeCW:I.default.radio.sizeCW,divId:"dConsentDraftIndicator"})}text(e){return(0,v.jsxs)(l.default,{widthNum:e.width,divId:"dConsentDraftCardText",children:[(0,v.jsx)(l.default,{text:e.title,fontSizeFS:15,lineHeightFS:19,boldLevel:4,color:I.default.text.color,divId:"dConsentDraftTitle"}),(0,v.jsx)(l.default,{text:e.body,fontSizeFS:13,lineHeightFS:17,marginTopCW:4,color:I.default.text.color,divId:"dConsentDraftDescription"})]})}}function w(e){const t="video"===e,o=t?"video":"photo";return{question:t?"Can we use your practice to help train sign recognition?":"Help us improve by sharing data?",intro:"Choose what you share with us for machine learning.",options:[{id:"device",title:"On-device only",body:`Your ${o} and hand coordinates stay on your device. Nothing is sent.`},{id:"coordinates",title:"Hand coordinates only",body:t?"Send hand positions over time. Your video stays on your device.":"We don't get any pictures of you, but we do get hand coordinates."},{id:"media",title:`Hand coordinates + ${o}`,body:t?"Send hand positions over time and your original video.":"Send hand coordinates and your original photo."}],footer:t?"Sharing is optional. You can practice with any choice.":"Sharing is optional.\nYou can practice with any choice."}}class k extends C.default{constructor(e){super(e,"SelfRatingConsentDraftPage",new u.default({topBar:{showExitIcon:!0}}));const t=new URLSearchParams(window.location.search);this.mode="video"===t.get("media")?"video":"photo";const o=t.get("choice");this.state={selected:["device","coordinates","media"].includes(o)?o:"device",contentHeight:0,detailsHeight:0},h.default&&(b.default.permanentAppContainerPage="SelfRatingConsentDraftPage")}render(){if(!h.default)return null;const e=w(this.mode),t={height:(0,p.default)(),minHeight:0,backgroundColor:"#FBFBFB"},o={alignItems:"center",paddingTop:(0,x.default)(16),paddingBottom:(0,x.default)(16)};return(0,v.jsxs)(r.default,{style:t,testID:"consent-draft",children:[(0,v.jsx)(c.default,{leftOnPress:()=>{}}),(0,v.jsxs)(i.default,{style:{flex:1,minHeight:0},contentContainerStyle:o,onLayout:e=>this.measureHeight("contentHeight",e.nativeEvent.layout.height),children:[this.joyHeader(e.question),(0,v.jsxs)(r.default,{onLayout:e=>this.measureHeight("detailsHeight",e.nativeEvent.layout.height),children:[this.intro(e.intro),this.options(),(0,v.jsx)(l.default,{text:e.footer,widthNum:(0,f.default)(),textAlignCenter:!0,fontSizeFS:13,lineHeightFS:18,color:"#494949",marginTopCW:6,divId:"dConsentDraftFooter"})]})]}),this.continueButton()]})}joyHeader(e){const t=this.state.contentHeight-this.state.detailsHeight-(0,x.default)(32);let o=(0,v.jsx)(s.default,{text:e,maxHeightNum:t});return"video"===this.mode&&(o=(0,v.jsx)(a.default,{text:e})),(0,v.jsx)(r.default,{testID:"consent-draft-joy",children:o})}measureHeight(e,t){Math.abs(this.state[e]-t)<.5||("contentHeight"===e?this.setState({contentHeight:t}):this.setState({detailsHeight:t}))}intro(e){return"photo"===this.mode?null:(0,v.jsx)(l.default,{text:e,widthNum:(0,f.default)(),textAlignCenter:!0,fontSizeFS:14,lineHeightFS:19,color:"#494949",marginTopCW:12,marginBottomCW:18,divId:"dConsentDraftIntro"})}options(){const e=[];for(const t of w(this.mode).options)e.push((0,v.jsx)(F,{option:t,selected:this.state.selected===t.id,onSelect:()=>this.setState({selected:t.id})},t.id));return(0,v.jsx)(r.default,{accessibilityRole:"radiogroup",accessibilityLabel:"Practice data sharing",children:e})}continueButton(){return(0,v.jsx)(l.default,{alignItems:"center",paddingTopCW:12,paddingBottomNum:(0,g.default)(),divId:"dConsentDraftContinue",children:(0,v.jsx)(d.default,{variant:"continue_blue",onPress:()=>{}})})}}}}]);
2//#