@cuemath/leap 2.8.50 → 2.8.51-beta-0.2

package/dist/features/ui/theme/button.js

@@ -95,109 +95,24 @@ const o = (i) => ({ sizes: {
       active: "RED",
       disabled: "GREY_3"
     }
+  },
+  "secondary-gray": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "WHITE_4",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
   }
-  // 'yellow': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'yellow-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'white': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_1',
-  //     active: 'BLACK_T_35',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'white-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_T_70',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'black': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_T_60',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'black-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_T_40',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
 } });
 export {
   o as default

package/dist/features/ui/theme/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n  IButtonSizeConfig,\n  TButtonSizes,\n  IButtonVariantConfig,\n  TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n  (gutter: number): {\n    sizes: Record<TButtonSizes, IButtonSizeConfig>;\n    variants: Record<TButtonVariants, IButtonVariantConfig>;\n  };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n  const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n    xsmall: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * (1 + 0.375),\n      textVariant: 'ub3-bold',\n      borderWidth: 1,\n      iconSize: gutter,\n      iconPadding: gutter * 0.25,\n      loaderSize: gutter * 1.25,\n    },\n    small: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter * (1 + 0.625),\n      textVariant: 'ub2-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.25,\n      iconPadding: gutter * 0.375,\n      loaderSize: gutter * 1.5,\n    },\n    regular: {\n      height: gutter * 3,\n      paddingHorizontal: gutter * (1 + 0.875),\n      textVariant: 'ub1-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 1.75,\n    },\n    medium: {\n      height: gutter * 3.5,\n      paddingHorizontal: gutter * (1 + 1.125),\n      textVariant: 'ub1-bold',\n      borderWidth: 1.5,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2,\n    },\n    large: {\n      height: gutter * 4,\n      paddingHorizontal: gutter * (1 + 1.375),\n      textVariant: 'ub1-bold',\n      borderWidth: 2,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2.25,\n    },\n  };\n\n  const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    secondary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    tertiary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'RED',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n    },\n    // 'yellow': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'yellow-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'white': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_1',\n    //     active: 'BLACK_T_35',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'white-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_T_70',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'black': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_T_60',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'black-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_T_40',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"AAcM,MAAAA,IAAoC,CAACC,OA6MlC,EAAE,OA5M8C;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,GA+Jc,UA5JgD;AAAA,EAC9D,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n  IButtonSizeConfig,\n  TButtonSizes,\n  IButtonVariantConfig,\n  TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n  (gutter: number): {\n    sizes: Record<TButtonSizes, IButtonSizeConfig>;\n    variants: Record<TButtonVariants, IButtonVariantConfig>;\n  };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n  const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n    xsmall: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * (1 + 0.375),\n      textVariant: 'ub3-bold',\n      borderWidth: 1,\n      iconSize: gutter,\n      iconPadding: gutter * 0.25,\n      loaderSize: gutter * 1.25,\n    },\n    small: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter * (1 + 0.625),\n      textVariant: 'ub2-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.25,\n      iconPadding: gutter * 0.375,\n      loaderSize: gutter * 1.5,\n    },\n    regular: {\n      height: gutter * 3,\n      paddingHorizontal: gutter * (1 + 0.875),\n      textVariant: 'ub1-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 1.75,\n    },\n    medium: {\n      height: gutter * 3.5,\n      paddingHorizontal: gutter * (1 + 1.125),\n      textVariant: 'ub1-bold',\n      borderWidth: 1.5,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2,\n    },\n    large: {\n      height: gutter * 4,\n      paddingHorizontal: gutter * (1 + 1.375),\n      textVariant: 'ub1-bold',\n      borderWidth: 2,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2.25,\n    },\n  };\n\n  const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n    'primary': {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'tertiary': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'RED',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary-gray': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE_4',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"AAcM,MAAAA,IAAoC,CAACC,OAwHlC,EAAE,OAvH8C;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,GA0Ec,UAvEgD;AAAA,EAC9D,SAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAa;AAAA,IACX,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,UAAY;AAAA,IACV,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js

@@ -17,13 +17,13 @@ const ve = L(($) => {
     userType: m,
     layout: f,
     behavior: r,
-    worksheetName: W,
+    worksheetName: A,
     questions: o,
     responses: t,
     activeQuestionIndex: s,
     lastUnlockedQuestionIndex: h,
-    appendedQuestionIds: q,
-    learnosity: A,
+    appendedQuestionIds: W,
+    learnosity: q,
     isCanvasEnabled: R,
     isScribblingEnabled: S,
     isSummaryVisible: k,
@@ -45,7 +45,7 @@ const ve = L(($) => {
     loggerRef: y,
     onSkip: _,
     canToggleScribbling: z
-  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? q.includes(l) : !1, X = i(
+  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? W.includes(l) : !1, X = i(
     (n) => {
       d(!1), C(n);
     },
@@ -93,7 +93,7 @@ const ve = L(($) => {
         }
       )
     ] }),
-    S && /* @__PURE__ */ e(oe, { userType: m }),
+    S && /* @__PURE__ */ e(oe, { userType: m, renderAs: "canvas" }),
     H === "bottom" && /* @__PURE__ */ b(B, { children: [
       Q && /* @__PURE__ */ e(me, { $alignItems: "center", children: /* @__PURE__ */ e(
         ae,
@@ -103,7 +103,7 @@ const ve = L(($) => {
           onItemNumberClick: X,
           questions: o,
           responses: t,
-          worksheetName: W,
+          worksheetName: A,
           behavior: r,
           userType: m,
           onClose: v,
@@ -128,7 +128,7 @@ const ve = L(($) => {
     p && l && /* @__PURE__ */ e(
       re,
       {
-        learnosity: A,
+        learnosity: q,
         question: p,
         questions: o,
         responses: t,

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}
+{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport { StyledWrapper } from '../../../cue-canvas/cue-cavas-styled';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\nStyledWrapper;\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAkBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,MAAA;AAAA,IAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAcrC;AACF;"}
+{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAgBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,MAAA;AAAA,IAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAcrC;AACF;"}

package/dist/index.d.ts

@@ -48,6 +48,8 @@ export declare const AchievementNotShareReasonModal: React_2.FC<IShareInstructio
 
 export declare const AchievementShareInstructionModal: React_2.FC<IShareInstructionModalProps>;
 
+export declare const AlarmIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const AppLoader: FC<IAppLoaderProps>;
@@ -107,6 +109,21 @@ declare const BLOCK_TYPE: {
     readonly SAT_MOCK_TEST: "SAT_MOCK_TEST";
 };
 
+declare enum BLOCK_TYPE_2 {
+    DEFAULT = "DEFAULT",
+    PREREQ = "PREREQ",
+    RECAP = "RECAP",
+    GOAL = "GOAL",
+    TESTS = "TESTS",
+    PLAYLIST = "PLAYLIST",
+    SOLUTIONS = "SOLUTIONS",
+    NOTES = "NOTES",
+    FLASHCARDS = "FLASHCARDS",
+    SUBJECTIVES = "SUBJECTIVES",
+    PUZZLE_CARDS = "PUZZLE_CARDS",
+    SAT_MOCK_TEST = "SAT_MOCK_TEST"
+}
+
 export declare const Book2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const BookClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -146,6 +163,8 @@ declare const CHAPTER_PERMISSION_CODES: {
 
 export declare const ChapterClearanceConfirmationModal: FC<IChapterClearanceConfirmationModal>;
 
+export declare const ChapterDetails: FC<IChapterDetails>;
+
 export declare const ChaptersList: FC<IChaptersListProps>;
 
 export declare const ChatIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -259,6 +278,8 @@ export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const DartIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const DashArrowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
@@ -491,6 +512,8 @@ declare interface IActionData {
     height: number;
     userId: string;
     responseId: string;
+    gridName?: TCueCanvasGridName;
+    dimension?: IViewport;
 }
 
 declare interface IAppLoaderProps {
@@ -525,6 +548,7 @@ export declare interface IArrowTooltipProps {
     width?: number;
     widthX?: number;
     zIndex?: number;
+    parentWidth?: number | string;
 }
 
 declare interface IAttempt {
@@ -625,6 +649,10 @@ declare interface IBaseWorksheetProps {
     canShowActionBar?: boolean;
 }
 
+declare interface IBlockSectionsCallbacks extends INodeCardCallbacks {
+    onBlockSkipUnskip?: (blockId: string, skipBlock?: boolean) => void;
+}
+
 declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IClickableAnalyticsProps {
     label: string;
     renderAs: TButtonVariants;
@@ -699,6 +727,25 @@ declare interface IChapter extends IChapterState, Pick<IChapterModel, 'code' | '
     learning_sheet_data: ILearningSheetData[];
 }
 
+declare interface IChapterBlockData {
+    block_type: keyof typeof BLOCK_TYPE_2;
+    chapter_code: string;
+    code: string;
+    block_id: string;
+    is_skipped: boolean;
+    name: string;
+    permissions: IChapterBlockPermission;
+    program_id: string;
+    section_code: keyof typeof SECTION_CODE;
+    sheets: INodeDataProps[];
+    user_block_id: string | null;
+}
+
+declare interface IChapterBlockPermission {
+    can_skip: boolean;
+    can_unskip: boolean;
+}
+
 export declare interface IChapterBlockV3 {
     completed_on: number | null;
     sheets: IWorksheetModelV3[];
@@ -735,6 +782,13 @@ export declare interface IChapterDataProps {
     };
 }
 
+declare interface IChapterDetails extends IBlockSectionsCallbacks {
+    userType: TUserTypes;
+    userChapterId: string;
+    studentId: string;
+    onExit: () => void;
+}
+
 declare interface IChapterModel {
     code: string;
     description: string;
@@ -759,6 +813,17 @@ declare interface IChapterModel {
     is_puzzle_chapter?: boolean;
 }
 
+declare interface IChapterProgressInfo {
+    completed: number;
+    total: number;
+}
+
+declare interface IChapterProgressStats {
+    mandatory: IChapterProgressInfo;
+    class_work: IChapterProgressInfo;
+    optional: IChapterProgressInfo;
+}
+
 declare interface IChapterProps extends IChapterDataProps, IChapterCallbackProps {
     user_type: TUserTypes;
     is_defocused?: boolean;
@@ -944,6 +1009,9 @@ declare interface IContextMenuProps {
     menuZIndex?: number;
     startLeft?: boolean;
     placeTop?: boolean;
+    menuWidth?: number | string;
+    menuWidthX?: number;
+    handleOnMenuClick?: () => void;
 }
 
 declare interface ICountdownTimer {
@@ -1231,9 +1299,10 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
-declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
+declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
+    renderAs: TButtonVariants;
 }
 
 export declare interface IInfoMessage {
@@ -1591,6 +1660,8 @@ export declare const ILLUSTRATIONS: {
     CHAPTER_7: string;
     CHAPTER_8: string;
     CHAPTER_9: string;
+    CHAPTER_HEADER_BG: string;
+    CHAPTER_HEADER_BG_2: string;
     CIRCLE_CUEMATH_LOGO: string;
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_ORANGE: string;
@@ -1632,6 +1703,14 @@ export declare const ILLUSTRATIONS: {
     MILESTONE_INTRO_2: string;
     MILESTONE_INTRO_3: string;
     MISTAKE: string;
+    NODE_CUSTOM_TEST_BG: string;
+    NODE_LEARN_BG: string;
+    NODE_PRACTICE_BG: string;
+    NODE_PROJECT_BG: string;
+    NODE_PUZZLE_BG: string;
+    NODE_RECAP_BG: string;
+    NODE_TEST_PREP_BG: string;
+    NODE_VIDEO_BG: string;
     NUMBER_1_ORANGE: string;
     NUMBER_2_ORANGE: string;
     NUMBER_3_ORANGE: string;
@@ -2033,6 +2112,53 @@ export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare interface INodeCardCallbacks {
+    onNodeAttempt?: (nodeData: INodeDataProps) => void;
+    onNodeView?: (nodeData: INodeDataProps) => void;
+    onNodeReview?: (nodeData: INodeDataProps) => void;
+    onNodeReattempt?: (nodeData: INodeDataProps) => void;
+    onNodeAttemptLocationChange?: (nodeData: INodeDataProps) => void;
+    onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;
+}
+
+declare interface INodeDataProps {
+    accuracy: number | null;
+    attempt_location: TSheetAttemptLocation_2;
+    block_id: string;
+    card_header: string;
+    chapter_id: string;
+    complete_status: boolean;
+    desmos_calculator_enabled: boolean;
+    due_date_ts: number | null;
+    is_lesson_v3_enabled: boolean;
+    is_optional: boolean;
+    is_timed: boolean;
+    is_worksheet_v3: boolean | null;
+    learnosity_activity_ref: string;
+    marked_as_completed: boolean;
+    node_id: string;
+    node_type: TNodeTypes;
+    on_hover_text: string;
+    permissions: INodePermissions;
+    sheet_time: number | null;
+    state: TSheetStates;
+    title: string;
+    user_chapter_id: string | null;
+    user_node_id: string | null;
+}
+
+declare interface INodePermissions {
+    can_change_attempt_location: boolean;
+    can_mark_familiar: boolean;
+    can_reattempt: boolean;
+    can_reset: boolean;
+    can_resume: boolean;
+    can_review: boolean;
+    can_start: boolean;
+    can_teacher_review: boolean;
+    can_unassign: boolean;
+}
+
 export declare interface INudgeProps {
     nudge: 'click';
     content: ReactNode;
@@ -2041,6 +2167,8 @@ export declare interface INudgeProps {
     zIndex?: number;
 }
 
+export declare const invalidateGetChapterDetails: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
+
 export declare const invalidateMilestoneResources: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 export declare const invalidateMilestonesData: (query?: TQuery | undefined) => void;
@@ -2606,7 +2734,7 @@ export declare interface IStreakLeaderboardDetails extends IBaseLeaderboardDetai
 declare interface IStroke {
     points: string;
     color?: string;
-    brush: 'pen' | 'marker' | 'highlighter';
+    brush: 'pen' | 'ruler' | 'marker' | 'highlighter';
     cannotEdit?: boolean;
 }
 
@@ -2871,6 +2999,7 @@ export declare interface ITheme {
 
 declare interface ITile {
     name: string;
+    href?: string;
     x?: number;
     y?: number;
     rot?: number;
@@ -2915,6 +3044,7 @@ export declare interface ITodaysContentTimeStamps {
 
 declare interface IToolbarProps {
     userType: TUserTypes;
+    renderAs: TRenderAs_2;
 }
 
 export declare interface ITrackEvent {
@@ -3071,6 +3201,20 @@ declare interface IusePointerSyncProps {
     targetUserId?: string;
 }
 
+export declare interface IUserChapterData {
+    chapter_code: string;
+    chapter_id: string;
+    chapter_tags: string[];
+    id: string;
+    image_hue: THueNames;
+    image_url: string;
+    item_bank_enabled: boolean;
+    name: string;
+    program_id: string;
+    progress_stats: IChapterProgressStats | null;
+    blocks: IChapterBlockData[];
+}
+
 declare interface IUserChapterProgressProps {
     familiar_sheets: number;
     mastered_sheets: number;
@@ -3130,6 +3274,12 @@ export declare interface IVibrationPattern {
     pattern: number[] | number;
 }
 
+declare interface IViewport {
+    x: number;
+    y: number;
+    zoom: number;
+}
+
 export declare interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {
     baseUrl: string;
     projectDetails: IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps | ITableWebGameProps;
@@ -3779,6 +3929,8 @@ declare const PUZZLE_CARD_STATE: {
 
 declare const PUZZLE_CARDS: "puzzle_cards";
 
+export declare const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const PYTHON_NODE_TYPES: {
     readonly PPT_BASIC: "PPT_BASIC";
     readonly PPT_CONTENT: "PPT_CONTENT";
@@ -3825,6 +3977,18 @@ export declare const SearchableSelectInput: <IDType extends string | number>(pro
 
 export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+declare enum SECTION_CODE {
+    READINESS = "READINESS",
+    GOALS = "GOALS",
+    TESTS = "TESTS",
+    ENRICHMENT = "ENRICHMENT",
+    SUBJECTIVE = "SUBJECTIVE",
+    VIDEOS = "VIDEOS",
+    NOTES = "NOTES",
+    FLASHCARDS = "FLASHCARDS",
+    PUZZLE_CARDS = "PUZZLE_CARDS"
+}
+
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => JSX.Element;
 
 export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => JSX.Element;
@@ -3912,6 +4076,8 @@ export declare enum State {
     HOLD = "HOLD"
 }
 
+export declare const StatusIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare function Stepper({ stepsInfo, currentStep }: IStepperProps): JSX_2.Element;
 
 declare const STICKER_BADGE: {
@@ -4030,7 +4196,7 @@ declare type TBlockType = keyof typeof BLOCK_TYPE;
 
 export declare type TButtonSizes = 'xsmall' | 'small' | 'regular' | 'medium' | 'large';
 
-export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary';
+export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray';
 
 declare type TCallback = (messages: TInclassMessage[]) => void;
 
@@ -4127,6 +4293,8 @@ declare type TCreateOnPresubmit = (options: TOnPreSubmitOptions) => void;
 
 declare type TCueCanvasChangeDataObject = Record<string, TDrawingData[]>;
 
+declare type TCueCanvasGridName = 'none' | 'square2-grid' | 'square-checked' | 'square-dots' | 'square-grid' | 'tri-dots' | 'tri-grid' | 'tri2-dots' | 'tri2-grid';
+
 declare type TCueProgramData = {
     description: string;
     id: string;
@@ -4150,6 +4318,8 @@ declare type TEnrollmentTypes = (typeof ENROLLMENT_TYPES)[keyof typeof ENROLLMEN
 
 export declare const TestsCreation: FC<ITestsCreationProps>;
 
+export declare const TestTubeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 /**
  * @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated
  */
@@ -4769,6 +4939,8 @@ declare type TSectionSummary = {
 
 declare type TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;
 
+declare type TSheetAttemptLocation_2 = keyof typeof SHEET_ATTEMPT_LOCATION;
+
 declare type TSheetAttemptStateProps = keyof typeof SHEET_ATTEMPT_STATE;
 
 declare type TSheetBlockData = {
@@ -4830,6 +5002,8 @@ export declare type TSheetsSection = 'core_lessons' | 'supplementary_sheets' | '
 
 declare type TSheetStateProps = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'FAMILIAR' | 'PROFICIENT' | 'MASTERED' | 'COMPLETED' | 'RE_ATTEMPT';
 
+declare type TSheetStates = 'LOCKED' | 'NOT_STARTED' | 'IN_PROGRESS' | 'COMPLETED' | 'WAIT_FOR_REVIEW';
+
 export declare type TSkillStatus = 'pending' | 'completed';
 
 declare type TStickerData = {