{"version":3,"file":"website-e0caf7d0.js","sources":["../../../app/frontend/clevver/src/components/flipper.vue","../../../app/frontend/clevver/src/enums/state.ts","../../../app/frontend/clevver/src/stores/demo.store.ts","../../../app/frontend/clevver/src/components/stages/file-selection-stage.vue","../../../app/frontend/clevver/src/components/stages/approval-stage.vue","../../../app/frontend/clevver/src/components/stages/delete-confirmation-stage.vue","../../../app/frontend/clevver/src/client.js","../../../app/frontend/clevver/src/components/stages/upload-stage.vue","../../../app/frontend/clevver/src/components/stages/success-stage.vue","../../../app/frontend/clevver/src/components/stages/error-stage.vue","../../../app/frontend/clevver/src/demo.vue","../../../app/frontend/clevver/src/demo.ts"],"sourcesContent":["<script>\n  import { $, $$ } from \"../selector\"\n\n  const CLASS_NAME = \"card-flipper\"\n\n  export default {\n    props: {\n      speed: {\n        type: Number,\n        required: false,\n        default: 250\n      },\n    },\n\n    data() {\n      return {\n        current: null,\n        cards: [],\n      }\n    },\n\n    computed: {\n      classes() {\n        return CLASS_NAME\n      }\n    },\n\n    methods: {\n      init() {\n        let elements = Array.from(this.$el.children)\n        elements.forEach(el => {\n          let card = {\n            el: el,\n            alias: el.dataset.card,\n          }\n          el.classList.add('card')\n          el.style.transitionDuration = `${this.speed}ms`\n          el.setAttribute('aria-hidden', true)\n\n          this.cards.push(card)\n        })\n\n        if (elements.length && elements.length > 0) {\n          this.current = 0\n        }\n\n       elements[0].removeAttribute('aria-hidden')\n      },\n\n      flip() {\n        let nextPage = this.current + 1\n\n        if (nextPage > this.cards.length - 1) {\n          nextPage = 0\n        }\n\n        this.flipTo(nextPage)\n      },\n\n      flipToCard(alias) {\n        for (var i = 0; i < this.cards.length; i++) {\n          let card = this.cards[i];\n\n          if (card.alias == alias) {\n            return this.flipTo(i)\n          }\n        }\n      },\n\n      flipTo(page) {\n        let currentPage = this.cards[this.current]\n        let nextPage = this.cards[page]\n\n        currentPage.el.style.transform = 'rotateY(90deg)'\n        currentPage.el.style.opacity = 0\n        currentPage.el.setAttribute('aria-hidden', true)\n\n        const component = this\n        this.$emit('cardWillRotateOut', currentPage)\n        setTimeout(() => { component.$emit('cardRotatedOut', currentPage) }, this.speed)\n\n        nextPage.el.style.transform = 'rotateY(0deg)'\n        nextPage.el.style.opacity = 1\n        nextPage.el.removeAttribute('aria-hidden')\n\n        this.$emit('cardWillRotateIn', nextPage)\n        setTimeout(() => { component.$emit('cardRotatedIn', nextPage) }, this.speed)\n\n        this.current = page\n      },\n    },\n\n    created() {\n    },\n\n    mounted() {\n      this.init()\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .card-flipper {\n    position: relative;\n    min-height: 330px;\n\n    .card {\n      position: absolute;\n      opacity: 0;\n      transform: rotateY(90deg);\n    }\n\n    .card:first-child {\n      opacity: 1;\n      transform: rotateY(0deg);\n    }\n  }\n\n  .card {\n    width: 330px;\n    min-height: 330px;\n    transition: all 250ms linear;\n  }\n</style>\n\n<template>\n  <div :class=\"classes\">\n    <slot></slot>\n  </div>\n</template>\n","export enum State {\n  selection          = \"SELECTION\",\n  approval           = \"APPROVAL\",\n  deleteConfirmation = \"DELETE_CONFIRMATION\",\n  upload             = \"UPLOAD\",\n  success            = \"SUCCESS\",\n  error              = \"ERROR\"\n}\n\nexport default State","import { defineStore } from 'pinia'\nimport State from '@clevver/enums/state'\ninterface IDemoState {\n  state: State,\n  items: any[],\n  emailAddress?: string,\n  purchaseId?: string,\n  errorMessage?: string\n}\n\nconst initialState: IDemoState = {\n  state: State.selection,\n  errorMessage: '',\n  items: [],\n}\n\nexport const useDemoStore = defineStore('demo.store', {\n  state: (): IDemoState => ({ ...initialState }),\n  getters: {},\n  actions: {\n    addItem(item: any) {\n      this.items.push(item)\n    },\n\n    clearItems() {\n      // We can't just do this.items = [] because that would\n      // just create a new array and leave the old one in memory.\n      this.items.length = 0\n    },\n\n    setState(state: State) {\n      console.log(\"setting the state to....\", state)\n      this.state = state\n    },\n\n    setEmailAddress(emailAddress: string) {\n      this.emailAddress = emailAddress\n    },\n\n    setPurchaseId(purchaseId: string) {\n      this.purchaseId = purchaseId\n    },\n\n    setErrorMessage(errorMessage: string) {\n      this.errorMessage = errorMessage\n    }\n  }\n})","<script setup>\n  import { $, $$ } from \"@clevver/selector\"\n  import { getCurrentInstance } from \"vue\";\n\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import { State } from \"@clevver/enums/state\"\n\n  import DropZone from \"@clevver/components/drop-zone.vue\"\n\n  const instance = getCurrentInstance()\n  const demoStore = useDemoStore()\n\n  const props = defineProps({\n    maxFileSize: {\n      type: Number,\n      default: 10 * 1024 * 1024\n    }\n  })\n\n  function dragEnter() {\n    $(\"body\").classList.add(\"dragover\")\n  }\n\n  function dragLeave() {\n    $(\"body\").classList.remove(\"dragover\")\n  }\n\n  async function fileDropped(data) {\n    $(\"body\").classList.remove(\"dragover\")\n\n    let files = data.fileList\n\n    // We're only allowing one file at a time,\n    // so let's just grab the first of the batch and\n    // ignore the rest\n    if (!files.length || files.length < 1) { return }\n\n    let file = files[0]\n\n    if (file.size > props.maxFileSize) { return await alert(`Uploads are currently limited to ${props.maxFileSize } bytes or less.`) }\n\n    // Add the file to the list\n    demoStore.addItem(file)\n\n    // Since we're only allowing for a single upload at a time, set the state\n    // to approve.\n    demoStore.setState(State.approval)\n  }\n\n</script>\n\n<template>\n  <drop-zone @dzEnter=\"dragEnter\"\n             @dzLeave=\"dragLeave\"\n             @dzDrop=\"fileDropped\"\n             :accept=\"['image/gif', 'image/jpeg', 'image/png', 'image/svg', 'image/svg+xml']\"\n             data-card=\"drop\">\n    <div class=\"drop-box\">\n      <div class=\"drop-box--inner\">\n        <div class=\"glyph--add\"></div>\n        <h1>Drop File</h1>\n        <p>Upload a file to createe your account.</p>\n        <p>Up to 2MB for free!</p>\n      </div>\n    </div>\n  </drop-zone>\n</template>\n\n<style lang=\"scss\">\n  .drop-zone {\n    $size: 330px;\n\n    position: relative;\n    display: inline-block;\n    width: $size;\n    height: $size;\n\n    p {\n      font-size: 13px !important;\n      line-height: 16px;\n      text-align: center;\n      margin: 0;\n    }\n  }\n</style>","<script setup>\n  import { storeToRefs } from 'pinia'\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import {\n    onMounted,\n    watch,\n    ref,\n    getCurrentInstance\n  } from 'vue'\n\n  import State from \"@clevver/enums/state\"\n\n  import { alert } from \"@clevver/dialog\"\n\n\n  const demoStore = useDemoStore()\n\n  const { items } = storeToRefs(demoStore)\n\n  const imagePreview = ref()\n  const self = getCurrentInstance()\n\n  function initPreview() {\n    let files = items.value\n\n    if (!files.length || files.length < 1) { return }\n\n    let item = files[0]\n\n    imagePreview.value.src = URL.createObjectURL(item)\n  }\n\n  async function submitClicked() {\n    let termsAccepted = self.refs.terms.checked\n    let email = self.refs.emailField.value\n    let emailEntered = email.length && email.length > 0 ? true : false\n\n    if (!termsAccepted) {\n      return await alert(\"Please accept the terms and conditions\")\n    }\n\n    if (!emailEntered) {\n     return await alert('Please enter an email address in order to receive your store your image.')\n    }\n\n    demoStore.setEmailAddress(email)\n    demoStore.setState(State.upload)\n  }\n\n  function deleteClicked() {\n    demoStore.setState(State.deleteConfirmation)\n  }\n\n  watch(demoStore.items, (newValue, oldValue) => {\n    initPreview()\n  })\n\n</script>\n\n<template>\n  <div class=\"approval\">\n    <div class=\"drop-box\" data-card=\"approve\">\n      <div class=\"drop-box--inner\">\n        <img ref=\"imagePreview\" />\n      </div>\n\n      <div class=\"drop-box--hover\" @click=\"deleteClicked\">\n        <div class=\"glyph--delete\"></div>\n        <p>Erase</p>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <label>\n        <input type=\"checkbox\" ref=\"terms\" />\n\n        I agree to <a href=\"#\" data-modal=\"termsAndConditions\">Terms and Conditions</a>\n      </label>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"pill-input\">\n        <form @submit.prevent=\"submitClicked\">\n          <input type=\"email\" name=\"email\" ref=\"emailField\" aria-label=\"Email Address\" placeholder=\"email address\" />\n\n          <button @click.prevent=\"submitClicked\">Upload</button>\n        </form>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .approval {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .row {\n    color: #fff;\n    text-align: center;\n  }\n\n  a {\n    color: #fff;\n  }\n\n  label {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-size: 14px;\n  }\n\n  .pill-input {\n    form {\n      display: flex;\n      gap: 0;\n    }\n\n    button,input {\n      font-family: 'Montserrat';\n      font-style: normal;\n      font-size: 14px;\n    }\n\n    input {\n      width: 225px;\n      height: 52px;\n      border: none;\n      border-radius: 200px 0px 0px 200px;\n      padding-left: 40px;\n      padding-right: 10px;\n    }\n\n    button {\n      border: none;\n      border-radius: 0px 200px 200px 0px;\n      height: 52px;\n      padding: 17px 30px;\n      background: var(--clvr-pink);\n      color: #fff;\n    }\n  }\n\n  .clvr-confirmation {\n    position: relative;\n    inset: 0;\n  }\n</style>\n","<script setup>\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import { getCurrentInstance } from 'vue'\n\n  import State from \"@clevver/enums/state\"\n\n  const demoStore = useDemoStore()\n  const props = defineProps({\n    title: {\n      type: String,\n      default: \"Are you sure?\"\n    },\n    acceptLabel: {\n      type: String,\n      default: \"Okay\"\n    },\n    denyLabel: {\n      type: String,\n      default: \"Cancel\"\n    }\n  })\n\n  function accept() {\n    demoStore.clearItems()\n    demoStore.setState(State.selection)\n  }\n\n  function decline() {\n    demoStore.setState(State.approval)\n  }\n</script>\n\n<template>\n  <div class=\"clvr-confirmation\">\n    <h1>{{ props.title }}</h1>\n\n    <div class=\"buttons\">\n      <button @click.prevent=\"accept\" class=\"button primary\">{{ props.acceptLabel }}</button>\n      <button @click.prevent=\"decline\" class=\"button\">{{ props.denyLabel }}</button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .clvr-confirmation {\n    min-width: 300px;\n    min-height: 300px;\n    background: var(--clvr-background);\n    padding: 45px;\n    display: inline-flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 15px;\n  }\n\n  h1 {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 36px;\n    line-height: 60px;\n\n    display: flex;\n    align-items: center;\n    text-align: center;\n    letter-spacing: -0.02em;\n\n    color: #1C4389;\n  }\n</style>\n\n","import axios from \"axios\"\n\nclass Client {\n  static async uploadDemoFile(emailAddress, file, onProgress) {\n    const headers = {\n      'Content-Type': 'multipart/form-data'\n    }\n\n    const formData = new FormData()\n    formData.append('file', file)\n    formData.append(\"email_address\", emailAddress)\n\n    return axios.post('/signup/upload.json', formData, {\n      headers,\n      onUploadProgress: ({ loaded, total, progress }) => {\n        if (onProgress) {\n          onProgress(progress * 100, loaded, total)\n        }\n      }\n    })\n  }\n}\n\nexport {\n  Client\n}\n\nexport default Client","<script setup>\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import {\n    getCurrentInstance,\n    ref,\n  } from 'vue'\n\n  import State from \"@clevver/enums/state\"\n  import Client from \"@clevver/client\"\n\n  const self = getCurrentInstance()\n  const demoStore = useDemoStore()\n  const props = defineProps({\n  })\n\n  const progress = ref(0)\n\n  function init() {\n    let items = demoStore.items\n\n    if (!items.length || items.length < 1) { return }\n\n    let item = items[0]\n\n    uploadFile(item)\n  }\n\n  async function uploadFile(file) {\n    let params = {\n      email_address: demoStore.emailAddress,\n      file\n    }\n\n    const url = `/signup/upload`\n\n    const response = await Client.uploadDemoFile(demoStore.emailAddress, file, (percent, loaded) => {\n      progress.value = percent\n    }).catch(error => error.response)\n\n    const data = response.data\n\n    if (data.error) {\n      console.log(data)\n      demoStore.setErrorMessage(data.error)\n      demoStore.setState(State.error)\n\n      return\n    }\n\n    self.emit(\"uploaded\", file)\n\n    demoStore.setState(State.success)\n  }\n\n  defineExpose({\n    init\n  })\n</script>\n\n<template>\n  <div class=\"drop-box\">\n    <div class=\"drop-box--inner\">\n      <progress :value=\"progress\" min=\"0\" max=\"100\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n</style>\n\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n  <div class=\"faux-box\">\n    <div class=\"flex col\">\n      <div class=\"glyph glyph--success\"></div>\n      <h1>Success!</h1>\n      <p>Check your email</p>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .faux-box {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    color: #fff;\n\n    text-align: center;\n  }\n\n  h1 {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 36px;\n    line-height: 60px;\n  }\n\n  p {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 150%;\n  }\n\n  .glyph {\n    display: inline-block;\n    margin: 0 auto;\n  }\n</style>","<script setup lang=\"ts\">\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import { storeToRefs } from 'pinia'\n\n  const demoStore = useDemoStore()\n  const { errorMessage } = storeToRefs(demoStore)\n</script>\n\n<template>\n  <div class=\"faux-box\">\n    <div class=\"flex col\">\n      <div class=\"glyph glyph--frown\"></div>\n      <h1>Error!</h1>\n      <p>{{ errorMessage }}</p>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .faux-box {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    color: #fff;\n\n    text-align: center;\n  }\n\n  h1 {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 36px;\n    line-height: 60px;\n  }\n\n  p {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 150%;\n  }\n\n  .glyph {\n    display: inline-block;\n    margin: 0 auto;\n  }\n</style>","<script setup lang=\"ts\">\n  import { $, $$ } from \"@clevver/selector\"\n  import Flipper from \"@clevver/components/flipper.vue\"\n\n  import { useDemoStore } from \"@clevver/stores/demo.store\"\n  import { State } from \"@clevver/enums/state\"\n\n  // Stages of the demo\n  import FileSelectionStage from \"@clevver/components/stages/file-selection-stage.vue\"\n  import ApprovalStage from \"@clevver/components/stages/approval-stage.vue\"\n  import DeleteConfirmationStage from \"@clevver/components/stages/delete-confirmation-stage.vue\"\n  import UploadStage from \"@clevver/components/stages/upload-stage.vue\"\n  import SuccessStage from \"@clevver/components/stages/success-stage.vue\"\n  import ErrorStage from \"@clevver/components/stages/error-stage.vue\"\n\n  import {\n    ref, watch,\n    getCurrentInstance\n  } from 'vue'\n\n  const flipperRef = ref<typeof Flipper>()\n  const MAX_FILE_SIZE_IN_KB = 10000\n  const MAX_FILE_SIZE = MAX_FILE_SIZE_IN_KB * 1024\n\n  const demoStore = useDemoStore()\n\n  const uploadStageRef = ref<InstanceType<typeof UploadStage> | null>(null)\n\n  console.log(\"demoStore = \", demoStore)\n\n  watch(() => demoStore.state, (newValue, oldValue) => {\n    switch(newValue) {\n      case State.selection:\n        flipperRef.value?.flipToCard('selection')\n        break\n      case State.approval:\n        flipperRef.value?.flipToCard('approval')\n        break\n      case State.deleteConfirmation:\n        flipperRef.value?.flipToCard('confirmDeletion')\n        break\n      case State.upload:\n        flipperRef.value?.flipToCard('upload')\n        break\n      case State.success:\n        flipperRef.value?.flipToCard('success')\n        break\n      case State.error:\n        flipperRef.value?.flipToCard('error')\n        break\n    }\n  })\n\n  function cardRotatedIn(card) {\n    switch(card.alias) {\n      case 'upload':\n        uploadStageRef.value?.init()\n        break\n    }\n  }\n</script>\n\n<template>\n  <div class=\"clevver-app\">\n    <div class=\"flipper-wrapper\">\n      <flipper ref=\"flipperRef\" @cardRotatedIn=\"cardRotatedIn\" :speed=\"250\" class=\"col-12\">\n        <!-- <div>\n          <div class=\"drop-box\">\n            <div class=\"drop-box--inner\">\n              Demo is currently offline\n            </div>\n          </div>\n        </div> -->\n        <file-selection-stage :maxFileSize=MAX_FILE_SIZE data-card=\"selection\" />\n        <approval-stage data-card=\"approval\" />\n        <delete-confirmation-stage data-card=\"confirmDeletion\" />\n        <upload-stage ref=\"uploadStageRef\" data-card=\"upload\" />\n        <success-stage data-card=\"success\" />\n        <error-stage data-card=\"error\" />\n      </flipper>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n  @use \"sass:math\";\n\n  .clevver-app {\n  }\n\n  .card-flipper {\n    // left: 50%;\n    // margin-left: -175px;\n  }\n\n  .flipper-wrapper {\n    width: 330px;\n    height: 330px;\n    margin: 0 auto;\n  }\n\n  /* The box in which everything happens */\n  .drop-box {\n    position: relative;\n    display: inline-block;\n    border: 2px dashed rgba(255, 255, 255, 0.7);\n    width: 330px;\n    height: 330px;\n    font-family: 'Montserrat';\n    color: #fff;\n\n    &--inner {\n      position: absolute;\n      inset: 4%;\n\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 2px;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n    }\n\n    &--hover {\n      background: rgba(0, 0, 0, 0.5);\n      position: absolute;\n      inset: 4%;\n      display: none;\n      opacity: 0;\n\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      gap: 15px;\n\n      p { font-size: 18px !important; font-weight: 600; }\n    }\n\n    h1 {\n      font-style: normal;\n      font-weight: 500;\n      font-size: 24px;\n      line-height: 60px;\n    }\n\n    p {\n      font-weight: 600;\n      font-size: 10px;\n    }\n  }\n  .drop-box:hover .drop-box--hover {\n    cursor: pointer;\n    display: flex;\n    opacity: 1;\n  }\n\n</style>","import { createApp } from 'vue'\nimport { createPinia } from 'pinia'\n\nimport App from '@clevver/demo.vue'\n\nconst Pinia = createPinia()\nconst app = createApp(App)\n\napp.use(Pinia)\n   .mount('#clevver-demo')\n"],"names":["CLASS_NAME","_sfc_main","elements","el","card","nextPage","alias","i","page","currentPage","component","_createElementBlock","$options","_renderSlot","_ctx","State","initialState","useDemoStore","defineStore","item","state","emailAddress","purchaseId","errorMessage","demoStore","dragEnter","$","dragLeave","fileDropped","data","files","file","props","items","storeToRefs","imagePreview","ref","self","getCurrentInstance","initPreview","submitClicked","termsAccepted","email","emailEntered","alert","deleteClicked","watch","newValue","oldValue","accept","decline","Client","onProgress","headers","formData","axios","loaded","total","progress","init","uploadFile","percent","error","expose","_withScopeId","n","_popScopeId","_createElementVNode","_hoisted_3","_sfc_render","_cache","flipperRef","MAX_FILE_SIZE","uploadStageRef","_a","_b","_c","_d","_e","_f","cardRotatedIn","Pinia","createPinia","app","createApp","App"],"mappings":"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"}