@cuemath/leap 3.2.18-mb → 3.2.19-beta-0.1

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

@@ -1,48 +1,48 @@
-const e = (i) => ({ sizes: {
+const d = (a) => ({ sizes: {
   xsmall: {
-    height: i * 2,
-    paddingHorizontal: i * 1.375,
+    height: a * 2,
+    paddingHorizontal: a * 1.375,
     textVariant: "ub3-bold",
     borderWidth: 1,
-    iconSize: i,
-    iconPadding: i * 0.25,
-    loaderSize: i * 1.25
+    iconSize: a,
+    iconPadding: a * 0.25,
+    loaderSize: a * 1.25
   },
   small: {
-    height: i * 2.5,
-    paddingHorizontal: i * 1.625,
+    height: a * 2.5,
+    paddingHorizontal: a * 1.625,
     textVariant: "ub2-bold",
     borderWidth: 1,
-    iconSize: i * 1.25,
-    iconPadding: i * 0.375,
-    loaderSize: i * 1.5
+    iconSize: a * 1.25,
+    iconPadding: a * 0.375,
+    loaderSize: a * 1.5
   },
   regular: {
-    height: i * 3,
-    paddingHorizontal: i * 1.875,
+    height: a * 3,
+    paddingHorizontal: a * 1.875,
     textVariant: "ub1-bold",
     borderWidth: 1,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 1.75
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 1.75
   },
   medium: {
-    height: i * 3.5,
-    paddingHorizontal: i * 2.125,
+    height: a * 3.5,
+    paddingHorizontal: a * 2.125,
     textVariant: "ub1-bold",
     borderWidth: 1.5,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 2
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 2
   },
   large: {
-    height: i * 4,
-    paddingHorizontal: i * 2.375,
+    height: a * 4,
+    paddingHorizontal: a * 2.375,
     textVariant: "ub1-bold",
     borderWidth: 2,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 2.25
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 2.25
   }
 }, variants: {
   primary: {
@@ -129,6 +129,57 @@ const e = (i) => ({ sizes: {
       active: "BLACK",
       disabled: "WHITE_T_15"
     }
+  },
+  black: {
+    backgroundColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_T_60",
+      disabled: "BLACK_T_15"
+    },
+    borderColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_1",
+      disabled: "BLACK_T_15"
+    },
+    colorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_87"
+    }
+  },
+  "black-dark": {
+    backgroundColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_4",
+      disabled: "WHITE_T_10"
+    },
+    borderColorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_15"
+    },
+    colorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_38"
+    }
+  },
+  "yellow-dark": {
+    backgroundColorName: {
+      inactive: "YELLOW_4",
+      active: "YELLOW_3",
+      disabled: "WHITE_T_10"
+    },
+    borderColorName: {
+      inactive: "WHITE",
+      active: "WHITE",
+      disabled: "WHITE_T_15"
+    },
+    colorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_1",
+      disabled: "WHITE_T_38"
+    }
   }
   // 'yellow': {
   //   backgroundColorName: {
@@ -147,23 +198,6 @@ const e = (i) => ({ sizes: {
   //     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',
@@ -198,42 +232,8 @@ const e = (i) => ({ sizes: {
   //     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 {
-  e as default
+  d as default
 };
 //# sourceMappingURL=button.js.map

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: 'RED',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\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    'secondary-dark': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_10',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'WHITE_T_38',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_15',\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":"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"}
+{"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: 'RED',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\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    'secondary-dark': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_10',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'WHITE_T_38',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_15',\n      },\n    },\n    'black': {\n      backgroundColorName: {\n        inactive: 'BLACK_1',\n        active: 'BLACK_T_60',\n        disabled: 'BLACK_T_15',\n      },\n      borderColorName: {\n        inactive: 'BLACK_1',\n        active: 'BLACK_1',\n        disabled: 'BLACK_T_15',\n      },\n      colorName: {\n        inactive: 'WHITE_1',\n        active: 'WHITE_1',\n        disabled: 'WHITE_T_87',\n      },\n    },\n    'black-dark': {\n      backgroundColorName: {\n        inactive: 'BLACK_1',\n        active: 'BLACK_4',\n        disabled: 'WHITE_T_10',\n      },\n      borderColorName: {\n        inactive: 'WHITE_1',\n        active: 'WHITE_1',\n        disabled: 'WHITE_T_15',\n      },\n      colorName: {\n        inactive: 'WHITE_1',\n        active: 'WHITE_1',\n        disabled: 'WHITE_T_38',\n      },\n    },\n    'yellow-dark': {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'YELLOW_3',\n        disabled: 'WHITE_T_10',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        disabled: 'WHITE_T_15',\n      },\n      colorName: {\n        inactive: 'BLACK_1',\n        active: 'BLACK_1',\n        disabled: 'WHITE_T_38',\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\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  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}

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

@@ -1,11 +1,13 @@
-const e = {
+const A = {
   tablet: 760,
   smallDesktop: 920,
   desktop: 1072,
   largeDevice: 1232,
   xlargeDevice: 1424
 };
+var E = /* @__PURE__ */ ((L) => (L[L.MOBILE = 0] = "MOBILE", L[L.TABLET = 1] = "TABLET", L[L.SMALL_DESKTOP = 2] = "SMALL_DESKTOP", L[L.DESKTOP = 3] = "DESKTOP", L[L.LARGE_DEVICE = 4] = "LARGE_DEVICE", L[L.XLARGE_DEVICE = 5] = "XLARGE_DEVICE", L))(E || {});
 export {
-  e as BREAKPOINTS
+  A as BREAKPOINTS,
+  E as EDeviceType
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  tablet: 760,\n  smallDesktop: 920,\n  desktop: 1072,\n  largeDevice: 1232,\n  xlargeDevice: 1424,\n};\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  tablet: 760,\n  smallDesktop: 920,\n  desktop: 1072,\n  largeDevice: 1232,\n  xlargeDevice: 1424,\n};\n\nexport enum EDeviceType {\n  MOBILE = 0,\n  TABLET = 1,\n  SMALL_DESKTOP = 2,\n  DESKTOP = 3,\n  LARGE_DEVICE = 4,\n  XLARGE_DEVICE = 5,\n}\n"],"names":["BREAKPOINTS","EDeviceType"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;AAEY,IAAAC,sBAAAA,OACVA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,gBAAgB,CAAhB,IAAA,iBACAA,EAAAA,EAAA,UAAU,CAAV,IAAA,WACAA,EAAAA,EAAA,eAAe,CAAf,IAAA,gBACAA,EAAAA,EAAA,gBAAgB,CAAhB,IAAA,iBANUA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/ui/theme/get-device.js

@@ -1,6 +1,6 @@
-import { BREAKPOINTS as r } from "./constants.js";
-const l = (e) => e >= r.xlargeDevice ? "xlarge-device" : e >= r.largeDevice ? "large-device" : e >= r.smallDesktop ? "small-desktop" : e >= r.desktop ? "desktop" : e >= r.tablet ? "tablet" : "mobile";
+import { BREAKPOINTS as E, EDeviceType as e } from "./constants.js";
+const D = (r) => r >= E.xlargeDevice ? e.XLARGE_DEVICE : r >= E.largeDevice ? e.LARGE_DEVICE : r >= E.smallDesktop ? e.SMALL_DESKTOP : r >= E.desktop ? e.DESKTOP : r >= E.tablet ? e.TABLET : e.MOBILE;
 export {
-  l as getDevice
+  D as getDevice
 };
 //# sourceMappingURL=get-device.js.map

package/dist/features/ui/theme/get-device.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import type { TDeviceType } from '../types';\n\nimport { BREAKPOINTS } from './constants';\n\nexport const getDevice = (width: number): TDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return 'xlarge-device';\n\n  if (width >= BREAKPOINTS.largeDevice) return 'large-device';\n\n  if (width >= BREAKPOINTS.smallDesktop) return 'small-desktop';\n\n  if (width >= BREAKPOINTS.desktop) return 'desktop';\n\n  if (width >= BREAKPOINTS.tablet) return 'tablet';\n\n  return 'mobile';\n};\n"],"names":["getDevice","width","BREAKPOINTS"],"mappings":";AAIa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,cAAoB,iBAEzCD,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,UAAgB,YAErCD,KAASC,EAAY,SAAe,WAEjC;"}
+{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import { BREAKPOINTS, EDeviceType } from './constants';\n\nexport const getDevice = (width: number): EDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return EDeviceType.XLARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.largeDevice) return EDeviceType.LARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.smallDesktop) return EDeviceType.SMALL_DESKTOP;\n\n  if (width >= BREAKPOINTS.desktop) return EDeviceType.DESKTOP;\n\n  if (width >= BREAKPOINTS.tablet) return EDeviceType.TABLET;\n\n  return EDeviceType.MOBILE;\n};\n"],"names":["getDevice","width","BREAKPOINTS","EDeviceType"],"mappings":";AAEa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,cAAoBC,EAAY,eAErDF,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,UAAgBC,EAAY,UAEjDF,KAASC,EAAY,SAAeC,EAAY,SAE7CA,EAAY;"}

package/dist/features/worksheet/worksheet/constants.js

@@ -1,22 +1,22 @@
-const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56, _ = 0, o = 360, O = 52, N = { left: 0, top: 56 }, R = [
+const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, a = 42, c = 16, E = 56, _ = 0, o = 52, O = { left: 0, top: 56 }, N = [
   "practice-basic-optional",
   "practice-regular-optional",
   "advanced-we-do",
   "advanced-your-turn",
   "advanced-explore",
   "advanced-practice"
-], A = 2e3, S = [
+], R = 2e3, S = [
   { name: "CORRECT", url: "https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3" },
   {
     name: "INCORRECT",
     url: "https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3"
   }
-], i = [
+], A = [
   {
     name: "VALIDATE",
     url: "https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3"
   }
-], l = [
+], i = [
   {
     label: "Answered all the questions independently.",
     id: "E"
@@ -31,21 +31,20 @@ const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56,
   }
 ];
 export {
-  a as ACTION_BAR_HEIGHT,
-  A as CLOZE_FORMULA_RESPONSE_LIMIT,
-  N as DESMOS_CALC_POSITION,
-  l as EXIT_TICKET_RATING_OPTIONS,
+  E as ACTION_BAR_HEIGHT,
+  R as CLOZE_FORMULA_RESPONSE_LIMIT,
+  O as DESMOS_CALC_POSITION,
+  i as EXIT_TICKET_RATING_OPTIONS,
   s as INTERSECTION_OBSERVER_THRESHOLD_POINTS,
   T as INTERSECTION_OBSERVER_THROTTLE_TIME,
-  o as LEARNOSITY_KEYBOARD_HEIGHT,
-  R as OPTIONAL_ITEM_TYPES,
+  N as OPTIONAL_ITEM_TYPES,
   c as QUESTIONS_GAP,
   t as QUESTION_WIDTH,
-  O as SIDEBAR_WIDTH,
+  o as SIDEBAR_WIDTH,
   e as SPLIT_QUESTION_WIDTH,
   S as SYSTEM_VALIDATION_AUDIO_LIST,
-  i as TEACHER_VALIDATION_AUDIO_LIST,
-  E as TOP_NAVIGATION_ARROW_WIDTH,
+  A as TEACHER_VALIDATION_AUDIO_LIST,
+  a as TOP_NAVIGATION_ARROW_WIDTH,
   I as TOP_NAVIGATION_HEIGHT,
   _ as WORKSHEET_CONTAINER_BORDER_RADIUS,
   n as WORKSHEET_NUDGE_BANNER_HEIGHT

package/dist/features/worksheet/worksheet/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const LEARNOSITY_KEYBOARD_HEIGHT = 360;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n  'practice-basic-optional',\n  'practice-regular-optional',\n  'advanced-we-do',\n  'advanced-your-turn',\n  'advanced-explore',\n  'advanced-practice',\n];\nexport const CLOZE_FORMULA_RESPONSE_LIMIT = 2000;\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n  { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n  {\n    name: 'INCORRECT',\n    url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n  },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n  {\n    name: 'VALIDATE',\n    url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n  },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n  label: string;\n  id: keyof typeof QUESTIONS_RATING;\n}> = [\n  {\n    label: 'Answered all the questions independently.',\n    id: 'E',\n  },\n  {\n    label: 'Needed some help to answer the questions.',\n    id: 'S',\n  },\n  {\n    label: 'Needed a lot of help to answer the questions.',\n    id: 'H',\n  },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","LEARNOSITY_KEYBOARD_HEIGHT","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","CLOZE_FORMULA_RESPONSE_LIMIT","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAA6B,KAC7BC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAA+B,KAE/BC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n  'practice-basic-optional',\n  'practice-regular-optional',\n  'advanced-we-do',\n  'advanced-your-turn',\n  'advanced-explore',\n  'advanced-practice',\n];\nexport const CLOZE_FORMULA_RESPONSE_LIMIT = 2000;\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n  { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n  {\n    name: 'INCORRECT',\n    url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n  },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n  {\n    name: 'VALIDATE',\n    url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n  },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n  label: string;\n  id: keyof typeof QUESTIONS_RATING;\n}> = [\n  {\n    label: 'Answered all the questions independently.',\n    id: 'E',\n  },\n  {\n    label: 'Needed some help to answer the questions.',\n    id: 'S',\n  },\n  {\n    label: 'Needed a lot of help to answer the questions.',\n    id: 'H',\n  },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","CLOZE_FORMULA_RESPONSE_LIMIT","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAA+B,KAE/BC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF;"}

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js

@@ -0,0 +1,28 @@
+import { useMemo as p, useEffect as m } from "react";
+import { usePuzzleAttemptJourney as c } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js";
+import { usePuzzleReviewJourney as f } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js";
+import { usePuzzleUnassignJourney as l } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js";
+import { useJourney as P } from "../../../journey/use-journey/use-journey.js";
+const C = ({ behavior: a }) => {
+  const { maximumAttempts: e, canStartJourney: t } = a, { isJourneyActive: r, clearJourney: o } = P(), { puzzleAttemptCtaRef: i, startJourney: u } = c(), { puzzleReviewCtaRef: y, startJourney: n } = f(), { puzzleUnassignRef: J, startJourney: s } = l(), z = p(() => e === -2, [e]);
+  return m(() => {
+    z && t && !r && (u(), n(), s());
+  }, [
+    t,
+    r,
+    z,
+    u,
+    n,
+    s
+  ]), m(() => () => {
+    o();
+  }, [o]), {
+    puzzleAttemptCtaRef: i,
+    puzzleReviewCtaRef: y,
+    puzzleUnassignRef: J
+  };
+};
+export {
+  C as useWorksheetJourney
+};
+//# sourceMappingURL=use-worksheet-journey.js.map

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-worksheet-journey.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-worksheet-journey.ts"],"sourcesContent":["import type { IWorksheetBehavior } from '../worksheet-types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { usePuzzleAttemptJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey';\nimport { usePuzzleReviewJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey';\nimport { usePuzzleUnassignJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\n\ninterface IUseWorksheetJourney {\n  behavior: IWorksheetBehavior;\n}\n\nconst useWorksheetJourney = ({ behavior }: IUseWorksheetJourney) => {\n  const { maximumAttempts, canStartJourney } = behavior;\n\n  const { isJourneyActive, clearJourney } = useJourney();\n\n  const { puzzleAttemptCtaRef, startJourney: startPuzzleAttemptJourney } =\n    usePuzzleAttemptJourney();\n\n  const { puzzleReviewCtaRef, startJourney: startPuzzleReviewJourney } = usePuzzleReviewJourney();\n  const { puzzleUnassignRef, startJourney: startPuzzleUnassignJourney } =\n    usePuzzleUnassignJourney();\n\n  const isPuzzleCard = useMemo(() => maximumAttempts === -2, [maximumAttempts]);\n\n  useEffect(() => {\n    if (isPuzzleCard && canStartJourney && !isJourneyActive) {\n      //* This will be triggered by STUDENT during resume sheet.\n      startPuzzleAttemptJourney();\n      //* This will be triggered by TEACHER during review sheet\n      startPuzzleReviewJourney();\n      //* This will be trigger by TEACHER during preview sheet.\n      startPuzzleUnassignJourney();\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isPuzzleCard,\n    startPuzzleAttemptJourney,\n    startPuzzleReviewJourney,\n    startPuzzleUnassignJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      clearJourney();\n    };\n  }, [clearJourney]);\n\n  return {\n    puzzleAttemptCtaRef,\n    puzzleReviewCtaRef,\n    puzzleUnassignRef,\n  };\n};\n\nexport { useWorksheetJourney };\n"],"names":["useWorksheetJourney","behavior","maximumAttempts","canStartJourney","isJourneyActive","clearJourney","useJourney","puzzleAttemptCtaRef","startPuzzleAttemptJourney","usePuzzleAttemptJourney","puzzleReviewCtaRef","startPuzzleReviewJourney","usePuzzleReviewJourney","puzzleUnassignRef","startPuzzleUnassignJourney","usePuzzleUnassignJourney","isPuzzleCard","useMemo","useEffect"],"mappings":";;;;;AAaA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,QAAqC;AAC5D,QAAA,EAAE,iBAAAC,GAAiB,iBAAAC,EAAoB,IAAAF,GAEvC,EAAE,iBAAAG,GAAiB,cAAAC,EAAa,IAAIC,EAAW,GAE/C,EAAE,qBAAAC,GAAqB,cAAcC,MACzCC,EAAwB,GAEpB,EAAE,oBAAAC,GAAoB,cAAcC,MAA6BC,EAAuB,GACxF,EAAE,mBAAAC,GAAmB,cAAcC,MACvCC,EAAyB,GAErBC,IAAeC,EAAQ,MAAMf,MAAoB,IAAI,CAACA,CAAe,CAAC;AAE5E,SAAAgB,EAAU,MAAM;AACV,IAAAF,KAAgBb,KAAmB,CAACC,MAEZI,KAEDG,KAEEG;EAC7B,GACC;AAAA,IACDX;AAAA,IACAC;AAAA,IACAY;AAAA,IACAR;AAAA,IACAG;AAAA,IACAG;AAAA,EAAA,CACD,GAEDI,EAAU,MACD,MAAM;AACE,IAAAb;EAAA,GAEd,CAACA,CAAY,CAAC,GAEV;AAAA,IACL,qBAAAE;AAAA,IACA,oBAAAG;AAAA,IACA,mBAAAG;AAAA,EAAA;AAEJ;"}

package/dist/features/worksheet/worksheet/worksheet-helpers.js

@@ -1,10 +1,10 @@
 import w from "../../../assets/line-icons/icons/bulb2.js";
 import S from "../../../assets/line-icons/icons/edit-star.js";
 import A from "../../../assets/line-icons/icons/edit2.js";
-import O from "../../../assets/line-icons/icons/question-letter.js";
-import R from "../../../assets/line-icons/icons/star2.js";
+import k from "../../../assets/line-icons/icons/question-letter.js";
+import L from "../../../assets/line-icons/icons/star2.js";
 import b from "../constants/events.js";
-import { OPTIONAL_ITEM_TYPES as L, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as y, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
+import { OPTIONAL_ITEM_TYPES as O, ACTION_BAR_HEIGHT as R, QUESTION_WIDTH as C, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
 import { QUESTION_TAGS as E } from "./worksheet-types.js";
 const Q = (e) => {
   switch (e) {
@@ -35,7 +35,7 @@ const Q = (e) => {
     return !1;
   const r = e.toLowerCase();
   return r === "intro" || r === "concept-intro";
-}, C = (e) => e.reduce((r, t) => {
+}, y = (e) => e.reduce((r, t) => {
   const [n, s] = t.split(":"), a = n == null ? void 0 : n.trim(), c = s == null ? void 0 : s.trim();
   return !a || !c ? r : {
     ...r,
@@ -61,9 +61,9 @@ const Q = (e) => {
           item_display_number: g,
           section_name: l,
           item_type: r ? o : void 0,
-          is_optional: o ? L.includes(o) : !1,
+          is_optional: o ? O.includes(o) : !1,
           item_tags: a.tags ?? [],
-          item_tags_map: C(a.tags ?? []),
+          item_tags_map: y(a.tags ?? []),
           question_number: h - (d ? 1 : 0),
           total_questions: _.length
         };
@@ -105,7 +105,7 @@ const Q = (e) => {
           item_number: c,
           item_display_number: c + 1,
           item_tags: a.tags ?? [],
-          item_tags_map: C(a.tags ?? []),
+          item_tags_map: y(a.tags ?? []),
           question_number: m,
           total_questions: i.length
         };
@@ -131,7 +131,7 @@ const Q = (e) => {
     });
   }
   return n;
-}, J = ({
+}, z = ({
   questions: e,
   initialQuestion: r,
   initialResponseId: t,
@@ -154,7 +154,7 @@ const Q = (e) => {
   if ((u = e[0]) != null && u.response_id)
     return e[0].response_id;
   throw new Error("Initial question not found");
-}, V = ({
+}, J = ({
   questions: e,
   responses: r,
   behavior: t,
@@ -206,7 +206,7 @@ function M(e, r) {
     }
   };
 }
-const z = (e) => e.reduce(
+const V = (e) => e.reduce(
   (r, t) => ({
     ...r,
     [t.response_id]: M(e, t.response_id)
@@ -217,9 +217,9 @@ const z = (e) => e.reduce(
   return {
     questionsContainerWidth: !e.some(
       (a) => a.questions.some((c) => c.stimulus_review)
-    ) ? y : N,
-    maxQuestionWidth: y,
-    actionbarHeight: t === "bottom" ? k : 0
+    ) ? C : N,
+    maxQuestionWidth: C,
+    actionbarHeight: t === "bottom" ? R : 0
   };
 }, Z = ({
   questions: e,
@@ -352,9 +352,9 @@ const z = (e) => e.reduce(
     case "practice-regular":
       return S;
     case "exit-ticket":
-      return O;
+      return k;
     case "advanced":
-      return R;
+      return L;
     default:
       return w;
   }
@@ -385,16 +385,17 @@ const z = (e) => e.reduce(
   bgColor: "BLACK",
   borderColor: "BLACK_4",
   textColor: "WHITE"
-};
+}, ue = (e) => e ? `${e}_1` : "BLUE_1";
 export {
   ie as checkIsClozeFormulaResponseInvalid,
-  J as getInitialQuestionId,
-  z as getInitialResponses,
-  V as getLastUnlockedQuestionIndex,
+  z as getInitialQuestionId,
+  V as getInitialResponses,
+  J as getLastUnlockedQuestionIndex,
   ne as getNavigationSectionBackgroundColor,
   ae as getNavigationSectionIcon,
   oe as getNavigationSectionName,
   ee as getPaperColorByQuestion,
+  ue as getPuzzleWorksheetBackgroundColor,
   te as getQuestionBackgroundImage,
   re as getQuestionBorderColor,
   M as getQuestionMetadata,