import xs from 'xstream';
import { styles } from './styles';

export interface Actions {
  currencyChangeAction$: xs<string>;
}

export default function intent(domSource): Actions {
  const currencyChangeAction$: xs<string> = domSource
    .select(`.${styles.currencySelect}`)
    .events('change')
    .map(inputEv => (inputEv.target as HTMLInputElement).value);

  return {
    currencyChangeAction$
  };
}

import xs from 'xstream';

export interface Actions {
  currencyChangeAction$: xs<string>;
}

export default function intent(domSource): Actions {
  const currencyChangeAction$: xs<string> = domSource
    .select('.currency-select')
    .events('change')
    .map(inputEv => (inputEv.target as HTMLInputElement).value);

  return {
    currencyChangeAction$
  };
}

--- 
+++ 
@@ -1,4 +1,5 @@
 import xs from 'xstream';
+import { styles } from './styles';
 
 export interface Actions {
   currencyChangeAction$: xs<string>;
@@ -6,7 +7,7 @@
 
 export default function intent(domSource): Actions {
   const currencyChangeAction$: xs<string> = domSource
-    .select('.currency-select')
+    .select(`.${styles.currencySelect}`)
     .events('change')
     .map(inputEv => (inputEv.target as HTMLInputElement).value);
 
Fix the broken currency-select selector