dbismut

// OPTION 1
// Close Icon managed by CTO, alert managed by CTO

TryOn.init({
  events: {
    close: () => {
      window.modal.close(); // closes the popin embedding the CTO experience
    }
  }
});

dbismut

export function actionTypeBuilder(prefix) {
  return {
    type: actionType => `${prefix}/${actionType}`,
    loading: actionType => `${actionType}/loading`,
    ready: actionType => `${actionType}/ready`,
    stopped: actionType => `${actionType}/stopped`,
    changed: actionType => `${actionType}/changed`,
    error: actionType => `${actionType}/error`,
    success: actionType => `${actionType}/success`
  };

dbismut

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "jest": true,
    "node": true
  },
  "globals": {},
  "parser": "/Users/david/repos/useAudioPlayer/node_modules/babel-eslint/lib/index.js",

dbismut

executeEnteringTransition = (node, done) => {
  this.postStyler.set({ ...this.from, visibility: 'visible' });
  node.classList.add('post-enter-started'); // add this line
  
  /* same code */
  
 complete: () => {
    node.classList.remove('post-enter-started'); // add this line
    done();
  }

dbismut

.page-post .underlay {
  position: fixed;
  top: -10vh;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: 120vh;
  background-color: #fff;
  transition: opacity 400ms ease;
  &::before {

dbismut

// .post-dragged rule is exactly the same
// as .post-enter
.page-post {
  &.post-enter,
  &.post-dragged { // add this rule
    .post {
      position: fixed;
      overflow: hidden;
      pointer-events: none;
    }

dbismut

render() {
  /* same code */
  
  const { dragProgress } = this.state;

  const postStyle =
    dragProgress > 0
      ? {
          transform: `scale(${1 - dragProgress * (1 - DRAG_MINIMUM_SCALE)})`,
          borderRadius: dragProgress * 16

dbismut

componentWillUnmount = () => {
  this.removeListeners();
};

addListeners = () => {
  window.addEventListener('scroll', this.onScroll);
};

removeListeners = () => {
  window.removeEventListener('scroll', this.onScroll);

dbismut

onExit = () => {}

executeExitingTransition = (node, done) => {
  // we're going to do some work in there!
  done();
}

onAddEndListener = (node, done) => {
  if (!this.preview) return done();
  

dbismut

.page-post {
  &.post-exit,
  &.post-enter {
    .content,
    .close,
    .underlay {
      opacity: 0;
    }
    .underlay {
      transition-delay: 0;