@coorpacademy/components 11.40.21 → 11.40.22-slider.13

package/es/molecule/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,qDAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,2DAgBC"}

package/es/molecule/payment-form/index.d.ts

@@ -38,7 +38,7 @@ declare class PaymentForm extends React.Component<any, any, any> {
     cardExpiry: any;
     cardCvc: any;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/molecule/payment-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,sBA+DC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,4BA+DC;CACF"}

package/es/molecule/pdf/index.d.ts

@@ -1,5 +1,5 @@
 export default PDF;
-declare function PDF(props: any, context: any): JSX.Element;
+declare function PDF(props: any, context: any): React.JSX.Element;
 declare namespace PDF {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -32,5 +32,6 @@ declare namespace PDF {
         const onPlay: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/pdf/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,4DA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,kEA8BC"}

package/es/molecule/playlist-card/index.d.ts

@@ -1,5 +1,5 @@
 export default PlaylistCard;
-declare function PlaylistCard(props: any, context: any): JSX.Element | null;
+declare function PlaylistCard(props: any, context: any): React.JSX.Element;
 declare namespace PlaylistCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -9,10 +9,10 @@ declare namespace PlaylistCard {
         const label: PropTypes.Requireable<string>;
         const title: PropTypes.Validator<string>;
         const progress: PropTypes.Requireable<number>;
-        const coverImages: PropTypes.Validator<(PropTypes.InferProps<{
+        const coverImages: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const locales: PropTypes.Requireable<PropTypes.InferProps<{
             playlistTag: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace PlaylistCard {
         export { locales_1 as locales };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/playlist-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,4EAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,2EAwCC"}

package/es/molecule/playlist-detail-cover/index.d.ts

@@ -2,15 +2,16 @@ export default PlaylistDetailCover;
 declare function PlaylistDetailCover({ images, className }: {
     images: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace PlaylistDetailCover {
     namespace propTypes {
-        const images: PropTypes.Validator<(PropTypes.InferProps<{
+        const images: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/playlist-detail-cover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;gBAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;sBAoCC"}

package/es/molecule/popin/index.d.ts

@@ -1,5 +1,5 @@
 export default Popin;
-declare function Popin(props: any, context: any): JSX.Element;
+declare function Popin(props: any, context: any): React.JSX.Element;
 declare namespace Popin {
     namespace propTypes {
         const header: PropTypes.Requireable<string>;
@@ -14,5 +14,6 @@ declare namespace Popin {
         const backgroundImageUrl: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,8DAgIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,oEAgIC"}

package/es/molecule/privacy-policy-contact/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 export declare const ICONS: {
     arrow: any;
 };
 declare const PrivacyPolicyContact: {
-    ({ title, content }: Props): JSX.Element;
+    ({ title, content }: Props): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         content: import("prop-types").Requireable<string>;

package/es/molecule/privacy-policy-contact/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/es/molecule/product-card/index.d.ts

@@ -1,5 +1,5 @@
 export default ProductCard;
-declare function ProductCard(props: any, context: any): JSX.Element;
+declare function ProductCard(props: any, context: any): React.JSX.Element;
 declare namespace ProductCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -12,5 +12,6 @@ declare namespace ProductCard {
         const checkImage: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,oEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,0EA0CC"}

package/es/molecule/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
 export default ProgressBar;
-declare function ProgressBar(props: any): JSX.Element;
+declare function ProgressBar(props: any): React.JSX.Element;
 declare namespace ProgressBar {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
@@ -8,10 +8,11 @@ declare namespace ProgressBar {
         const desc: PropTypes.Requireable<string>;
         const steps: PropTypes.Requireable<number>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const displayInfo: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,sDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,4DAqCC"}

package/es/molecule/progress-wrapper/index.d.ts

@@ -6,7 +6,7 @@ declare function ProgressWrapper({ completedModules, mandatoryModules, title, su
     subtitle: any;
     progression: any;
     sections: any;
-}, context: any): JSX.Element;
+}, context: any): React.JSX.Element;
 declare namespace ProgressWrapper {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -17,12 +17,13 @@ declare namespace ProgressWrapper {
         const completedModules: PropTypes.Requireable<number>;
         const mandatoryModules: PropTypes.Requireable<number>;
         const progression: PropTypes.Requireable<number>;
-        const sections: PropTypes.Requireable<(PropTypes.InferProps<{
+        const sections: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             downloadUrl: PropTypes.Requireable<string>;
             stars: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;8BAsGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;oCAsGC"}

package/es/molecule/questions/drop-down/index.d.ts

@@ -1,18 +1,19 @@
 export default DropDown;
-declare function DropDown(props: any): JSX.Element;
+declare function DropDown(props: any): React.JSX.Element;
 declare namespace DropDown {
     const propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        options: PropTypes.Requireable<(PropTypes.InferProps<{
+        options: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         theme: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         groupAriaLabel: PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/drop-down/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,mDAcC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,yDAcC"}

package/es/molecule/questions/free-text/index.d.ts

@@ -1,5 +1,5 @@
 export default FreeText;
-declare function FreeText(props: any, legacyContext: any): JSX.Element;
+declare function FreeText(props: any, legacyContext: any): React.JSX.Element;
 declare namespace FreeText {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -31,5 +31,6 @@ declare namespace FreeText {
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/free-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,uEAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,6EAmDC"}

package/es/molecule/questions/free-text/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Analytics } from '../../../variables/analytics';
 declare type QuestionType = 'basic' | 'template';
 interface Props {
@@ -10,6 +10,6 @@ interface Props {
     isDisabled?: boolean;
     value?: string;
 }
-declare const FreeText: (props: Props) => JSX.Element | null;
+declare const FreeText: (props: Props) => React.JSX.Element;
 export default FreeText;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/questions/free-text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,sBA6D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/molecule/questions/free-text/index.native.js

@@ -76,8 +76,10 @@ const FreeText = props => {
   }
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.spaced, fullWidth && styleSheet.fullWitdh]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.input
   }, /*#__PURE__*/React.createElement(TextInput, {
-    style: [styleSheet.input, styleSheet.text],
+    style: styleSheet.text,
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChangeText: onChange,
@@ -87,7 +89,7 @@ const FreeText = props => {
     testID: testID,
     editable: !isDisabled,
     selectTextOnFocus: !isDisabled
-  }));
+  })));
 };
 export default FreeText;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["View","StyleSheet","TextInput","React","useState","useEffect","useCallback","useTemplateContext","ANALYTICS_EVENT_TYPE","BOX_STYLE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","createElement","style","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"AAAA,SAAQA,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAkB,cAAc;AACnE,OAAOC,KAAK,IAAGC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAO,OAAO;AAC7D,SAAQC,kBAAkB,QAAO,+CAA+C;AAChF,SAAQC,oBAAoB,QAAkB,8BAA8B;AAE5E,SAAQC,SAAS,QAAO,2BAA2B;AAsBnD,MAAMC,gBAAgB,GAAGA,CAACC,UAAiB,EAAEC,KAAY,KACvDX,UAAU,CAACY,MAAM,CAAC;EAChB;EACAC,KAAK,EAAE;IACLC,OAAO,EAAEH,KAAK,CAACI,OAAO,CAACC,IAAI;IAC3BC,WAAW,EAAEN,KAAK,CAACO,MAAM,CAACC,IAAI,CAACC,WAAW;IAC1CC,YAAY,EAAEV,KAAK,CAACW,MAAM,CAACC,OAAO;IAClCC,QAAQ,EAAE,GAAG;IACbC,gBAAgB,EAAE,EAAE;IACpBC,eAAe,EAAE,EAAE;IACnB,GAAGlB,SAAS;IACZmB,eAAe,EAAEhB,KAAK,CAACO,MAAM,CAACU;EAChC,CAAC;EACDC,IAAI,EAAE;IACJZ,WAAW,EAAEP,UAAU,EAAEQ,MAAM,EAAEY,OAAO;IACxCC,KAAK,EAAErB,UAAU,EAAEQ,MAAM,EAAEY,OAAO,IAAInB,KAAK,CAACO,MAAM,CAACC,IAAI,CAACa,MAAM;IAC9DC,UAAU,EAAEtB,KAAK,CAACsB,UAAU,CAACC,IAAI;IACjCC,QAAQ,EAAExB,KAAK,CAACwB,QAAQ,CAACZ,OAAO;IAChCa,SAAS,EAAE;EACb,CAAC;EACDC,MAAM,EAAE;IACNX,eAAe,EAAEf,KAAK,CAACI,OAAO,CAACC;EACjC,CAAC;EACDsB,SAAS,EAAE;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEJ,MAAMC,QAAQ,GAAGA,CAACC,SAAiB,EAAEC,SAAoB,EAAEC,YAA0B,KAAK;EACxFD,SAAS,IACPA,SAAS,CAACF,QAAQ,CAACC,SAAS,EAAE;IAC5BG,EAAE,EAAE,qBAAqB;IACzBD;EACF,CAAC,CAAC;AACN,CAAC;AAED,MAAME,QAAQ,GAAIC,KAAY,IAAK;EACjC,MAAMC,eAAe,GAAGzC,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAAC0C,UAAU,EAAEC,aAAa,CAAC,GAAG9C,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACO,UAAU;IAAEC,KAAK;IAAEuC;EAAY,CAAC,GAAGH,eAAe;EACzD,MAAMI,iBAAiB,GAAGxC,KAAK,CAACO,MAAM,CAACC,IAAI,CAACa,MAAM;;EAElD;;EAEA,MAAM;IACJU,SAAS;IACTC,YAAY;IACZS,SAAS,GAAG,KAAK;IACjBC,MAAM;IACNC,QAAQ;IACRC,UAAU,GAAG,KAAK;IAClBC;EACF,CAAC,GAAGV,KAAK;;EAET;;EAEA,MAAMW,WAAW,GAAGpD,WAAW,CAC7B,MAAMqC,SAAS,IAAIF,QAAQ,CAACjC,oBAAoB,CAACmD,WAAW,EAAEhB,SAAS,EAAEC,YAAY,CAAC,EACtF,CAACD,SAAS,EAAEC,YAAY,CAC1B,CAAC;EAED,MAAMgB,UAAU,GAAGtD,WAAW,CAC5B,MAAMqC,SAAS,IAAIF,QAAQ,CAACjC,oBAAoB,CAACqD,UAAU,EAAElB,SAAS,EAAEC,YAAY,CAAC,EACrF,CAACD,SAAS,EAAEC,YAAY,CAC1B,CAAC;;EAED;;EAEAvC,SAAS,CAAC,MAAM;IACd,MAAMyD,WAAW,GAAGpD,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDsC,aAAa,CAACY,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACnD,UAAU,EAAEC,KAAK,CAAC,CAAC;;EAEvB;;EAEA,IAAI,CAACqC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE9C,KAAA,CAAA4D,aAAA,CAAC/D,IAAI;IAACgE,KAAK,EAAE,CAACf,UAAU,CAACX,MAAM,EAAEe,SAAS,IAAIJ,UAAU,CAACV,SAAS;EAAE,gBAClEpC,KAAA,CAAA4D,aAAA,CAAC7D,SAAS;IACR8D,KAAK,EAAE,CAACf,UAAU,CAACnC,KAAK,EAAEmC,UAAU,CAACnB,IAAI,CAAE;IAC3CmC,OAAO,EAAEP,WAAY;IACrBQ,MAAM,EAAEN,UAAW;IACnBO,YAAY,EAAEZ,QAAS;IACvBa,WAAW,EAAEjB,YAAY,CAACkB,QAAS;IACnCC,oBAAoB,EAAElB,iBAAkB;IACxCK,KAAK,EAAEA,KAAM;IACbH,MAAM,EAAEA,MAAO;IACfiB,QAAQ,EAAE,CAACf,UAAW;IACtBgB,iBAAiB,EAAE,CAAChB;EAAW,CAChC,CACG,CAAC;AAEX,CAAC;AAED,eAAeV,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["View","StyleSheet","TextInput","React","useState","useEffect","useCallback","useTemplateContext","ANALYTICS_EVENT_TYPE","BOX_STYLE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","createElement","style","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle, TextStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: TextStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <View style={styleSheet.input}>\n        <TextInput\n          style={styleSheet.text}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChangeText={onChange}\n          placeholder={translations.typeHere}\n          placeholderTextColor={PLACEHOLDER_COLOR}\n          value={value}\n          testID={testID}\n          editable={!isDisabled}\n          selectTextOnFocus={!isDisabled}\n        />\n      </View>\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/questions/mobile/draggable/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { SelectableChoice } from '../../types';
 export interface DropZoneProps {
     choices: Array<SelectableChoice>;
@@ -9,6 +9,6 @@ export interface Props {
     testID?: string;
     onPress: (item: SelectableChoice) => () => void;
 }
-declare const QuestionDraggable: (props: Props) => JSX.Element | null;
+declare const QuestionDraggable: (props: Props) => React.JSX.Element;
 export default QuestionDraggable;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/questions/mobile/draggable/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAwDD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgCD,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAwCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAwDD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgCD,QAAA,MAAM,iBAAiB,UAAW,KAAK,sBAwCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/molecule/questions/mobile/draggable/index.native.js

@@ -38,7 +38,7 @@ const Selection = props => {
     key: item._id,
     squeezed: true,
     isSelected: true,
-    testID: `choice-${item._id}`,
+    testID: `choice-${item._id}-selected`,
     onPress: onPress(item),
     questionType: "qcmDrag"
   }, item.label));

package/es/molecule/questions/mobile/draggable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}-selected`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/questions/mobile/slider/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 export declare type OnSlidingCompleteFunction = (value: number) => void;
 export declare type Props = {
@@ -11,6 +11,6 @@ export declare type Props = {
     step?: number;
     testID?: string;
 };
-declare const QuestionSlider: (props: Props) => JSX.Element | null;
+declare const QuestionSlider: (props: Props) => React.JSX.Element;
 export default QuestionSlider;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/questions/mobile/slider/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AASpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBAiEnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,cAAc,UAAW,KAAK,sBAiEnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/molecule/questions/mobile/slider/index.native.js

@@ -1,9 +1,8 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import { View, StyleSheet } from 'react-native';
-import Slider from '@coorpacademy/react-native-slider';
+import Slider from '@react-native-community/slider';
 import Text from '../../../../atom/text/index.native';
 import { useTemplateContext } from '../../../../template/app-review/template-context';
-import { BOX_STYLE } from '../../../../variables/shadow';
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   container: {
     flex: 1,
@@ -34,18 +33,8 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     flex: 1,
     alignItems: 'flex-end'
   },
-  track: {
-    height: 10,
-    borderRadius: theme.radius.button
-  },
-  thumb: {
-    ...BOX_STYLE,
-    width: 30,
-    height: 30,
-    borderRadius: 30 / 2,
-    borderWidth: 5,
-    backgroundColor: brandTheme?.colors?.primary,
-    borderColor: 'white'
+  slider: {
+    height: 40
   }
 });
 const QuestionSlider = props => {
@@ -64,18 +53,12 @@ const QuestionSlider = props => {
     brandTheme,
     theme
   } = templateContext;
-  const [styleSheet, setStylesheet] = useState(null);
   const [value, setValue] = useState(storeValue);
-  const handleSlidingComplete = useCallback(() => {
-    onSlidingComplete(value);
-  }, [onSlidingComplete, value]);
-  useEffect(() => {
-    const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
-  if (!styleSheet) {
-    return null;
-  }
+  const styleSheet = useMemo(() => createStyleSheet(brandTheme, theme), [brandTheme, theme]);
+  const handleSlidingComplete = useCallback(finalValue => {
+    setValue(finalValue);
+    onSlidingComplete(finalValue);
+  }, [onSlidingComplete]);
   const textStyle = {
     ...styleSheet.header,
     color: brandTheme?.colors?.primary
@@ -94,8 +77,9 @@ const QuestionSlider = props => {
     minimumValue: min,
     onSlidingComplete: handleSlidingComplete,
     minimumTrackTintColor: brandTheme?.colors?.primary,
-    trackStyle: styleSheet.track,
-    thumbStyle: [styleSheet.thumb],
+    maximumTrackTintColor: "#b3b3b3",
+    thumbTintColor: brandTheme?.colors?.primary,
+    style: styleSheet.slider,
     testID: "slider"
   }), /*#__PURE__*/React.createElement(View, {
     style: styleSheet.valuesContainer,

package/es/molecule/questions/mobile/slider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","BOX_STYLE","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","track","height","borderRadius","radius","button","thumb","width","borderWidth","backgroundColor","primary","borderColor","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","styleSheet","setStylesheet","setValue","handleSlidingComplete","_stylesheet","textStyle","createElement","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","trackStyle","thumbStyle"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@coorpacademy/react-native-slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {BOX_STYLE} from '../../../../variables/shadow';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  track: ViewStyle;\n  thumb: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    track: {\n      height: 10,\n      borderRadius: theme.radius.button\n    },\n    thumb: {\n      ...BOX_STYLE,\n      width: 30,\n      height: 30,\n      borderRadius: 30 / 2,\n      borderWidth: 5,\n      backgroundColor: brandTheme?.colors?.primary,\n      borderColor: 'white'\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [value, setValue] = useState<number>(storeValue);\n\n  const handleSlidingComplete = useCallback(() => {\n    onSlidingComplete(value);\n  }, [onSlidingComplete, value]);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        trackStyle={styleSheet.track}\n        thumbStyle={[styleSheet.thumb]}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useMemo","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","slider","height","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","setValue","styleSheet","handleSlidingComplete","finalValue","textStyle","primary","createElement","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useMemo, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  slider: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    slider: {\n      height: 40\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [value, setValue] = useState<number>(storeValue);\n\n  const styleSheet = useMemo(\n    () => createStyleSheet(brandTheme, theme),\n    [brandTheme, theme]\n  );\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        maximumTrackTintColor=\"#b3b3b3\"\n        thumbTintColor={brandTheme?.colors?.primary}\n        style={styleSheet.slider}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/questions/mobile/switch/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { QuestionType, Choice } from '../../types';
 export declare type Props = {
     type: QuestionType;
@@ -15,6 +15,6 @@ export declare type Props = {
     onItemInputChange?: (item: Choice, value: string) => void;
     onItemPress?: (item: Choice) => void;
 };
-declare const Switch: (props: Props) => JSX.Element;
+declare const Switch: (props: Props) => React.JSX.Element;
 export default Switch;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/questions/mobile/switch/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,gBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/molecule/questions/mobile/template/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TemplateListOfChoices, TemplateTextChoice } from '../../types';
 import { FocusedSelectId, HandleBlur, HandleFocus } from '../../../../template/app-review/template-context';
 export declare type Props = {
@@ -10,6 +10,6 @@ export declare type Props = {
     handleBlur: HandleBlur;
     handleFocus: HandleFocus;
 };
-declare const QuestionTemplate: (props: Props) => JSX.Element | null;
+declare const QuestionTemplate: (props: Props) => React.JSX.Element;
 export default QuestionTemplate;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/questions/mobile/template/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AAkJ1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AA6J1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}