{"version":3,"file":"D_i20dOS.js","sources":["../../../../components/global/SpotlightCard.vue","../../../../components/pages/UpgradeCard.vue","../../../../components/airtable/AirtableStatusBanner.vue","../../../../components/global/Sidebar.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    ref=\"card\"\n    :style=\"{\n      '--x': `${elementX}px`,\n      '--y': `${elementY}px`,\n      '--spotlight-color-stops': spotlightColorStops,\n      '--spotlight-size': `${size}px`,\n    }\"\n    :class=\"{\n      'before:absolute before:inset-0 before:bg-[radial-gradient(var(--spotlight-size)_circle_at_var(--x)_var(--y),var(--spotlight-color-stops))]':\n        mode == 'before',\n      'after:absolute after:inset-0 after:bg-[radial-gradient(var(--spotlight-size)_circle_at_var(--x)_var(--y),var(--spotlight-color-stops))]':\n        mode == 'after',\n    }\"\n    class=\"relative transform-gpu overflow-hidden\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { useMouseInElement } from '@vueuse/core'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  as: {\n    type: String,\n    default: 'div'\n  },\n  from: {\n    type: String,\n    default: 'rgba(255,255,255,0.8)'\n  },\n  via: {\n    type: String,\n    default: null\n  },\n  to: {\n    type: String,\n    default: 'transparent'\n  },\n  size: {\n    type: Number,\n    default: 350\n  },\n  mode: {\n    type: String,\n    default: 'before'\n  },\n  hsl: {\n    type: Boolean,\n    default: false\n  },\n  hslMin: {\n    type: Number,\n    default: 0\n  },\n  hslMax: {\n    type: Number,\n    default: 360\n  }\n})\n\nconst card = ref()\nconst { elementX, elementY, elementHeight, elementWidth } = useMouseInElement(card)\n\nconst spotlightColorStops = computed(() => {\n  if (props.hsl) {\n    const margin = props.hslMax - props.hslMin\n    const rate = (elementY.value + elementX.value) / (elementHeight.value + elementWidth.value)\n    const hue = Math.round(margin * rate + props.hslMin)\n\n    return `hsl(${hue} 80% 70%),transparent`\n  }\n\n  return [props.from, props.via, props.to].filter((value) => !!value).join(',')\n})\n</script>\n","<template>\n  <SpotlightCard\n    v-if=\"shouldShow\"\n    class=\"w-full group p-2 rounded-[--radius] [--radius:theme(borderRadius.lg)] overflow-hidden\"\n    from=\"#60a5fa\"\n    to=\"#cbd5e1\"\n    :size=\"150\"\n  >\n    <div class=\"absolute inset-px rounded-[calc(var(--radius)-1px)] bg-white\">\n      <div class=\"flex justify-center w-full h-full\">\n        <SpotlightCard\n          class=\"w-full p-2 rounded-[--radius] [--radius:theme(borderRadius.lg)] opacity-20\"\n          from=\"#60a5fa\"\n          :size=\"150\"\n        />\n      </div>\n    </div>\n    <div class=\"relative\">\n      <div class=\"flex justify-center w-full h-full\">\n        <Icon\n          name=\"heroicons:sparkles-solid\"\n          class=\"text-blue-500 w-8 h-8 mt-2\"\n        />\n      </div>\n      <p\n        class=\"text-gray-500 text-center text-xs mt-4\"\n        v-text=\"upgradePlanDescription\"\n      />\n      <v-button\n        :to=\"{name: 'pricing'}\"\n        color=\"light-blue\"\n        class=\"w-full block mt-4 border border-transparent group-hover:border-blue-500\"\n        size=\"small\"\n      >\n        Upgrade to {{ upgradePlanName }}\n      </v-button>\n    </div>\n  </SpotlightCard>\n</template>\n\n<script setup>\nconst authStore = useAuthStore()\nconst workspacesStore = useWorkspacesStore()\n\nconst user = computed(() => {\n  return authStore.user\n})\nconst workspace = computed(() => {\n  return workspacesStore.getCurrent\n})\n\nconst upgradePlanName = computed(() => {\n  return workspace.value?.is_pro ? 'Team' : 'Pro'\n})\n\nconst upgradePlanDescription = computed(() => {\n  return workspace.value?.is_pro ? 'You are currently on the Pro plan. Upgrade to collaborate and use powerful features like editable submissions.' : 'You are currently on the free plan. Upgrade to use all features.'\n})\n\nconst shouldShow = computed(() => {\n  return user.value && authStore.userOnboarded && workspace.value && !workspace.value.is_enterprise\n})\n</script>\n","<template>\n  <div\n    v-if=\"show\"\n    class=\"bg-yellow-100 group relative dark:bg-yellow-900 -mx-5 px-5 py-2 font-semibold border-b flex items-center\"\n  >\n    <div class=\"pr-2 group-hover:animate-bounce-slow\">\n      ⚠️\n    </div>\n    <div class=\"text-orange-600 dark:text-orange-400 text-xs\">\n      Airtable is experiencing some performance degradation\n    </div>\n    <a\n      class=\"absolute inset-0\"\n      target=\"_blank\"\n      href=\"https://status.airtable.com/\"\n    />\n  </div>\n</template>\n\n<script setup>\nconst show = ref(false)\n\nonMounted(() => {\n  show.value = false\n  useAirtableFormsApi(\"/airtable/apistatus\").then((data) => {\n    if (data.status === false)\n      show.value = true\n  })\n})\n</script>","<template>\n  <div\n    id=\"sidebar\"\n    class=\"hidden md:block w-[220px] border-r bg-white shrink-0 pb-10\"\n  >\n    <div\n      class=\"sticky\"\n      :class=\"{\n        'top-2': !hasStickyNavbar,\n        'top-[calc(1.25rem+67px)]': hasStickyNavbar\n      }\"\n    >\n      <airtable-status-banner class=\"px-5\" />\n\n      <div\n        v-for=\"(section, sectionName) in sectionsList\"\n        :key=\"sectionName\"\n        class=\"mt-5 px-3\"\n      >\n        <p class=\"text-gray-400 uppercase text-xs mb-2 flex items-center px-2\">\n          {{ sectionName }}\n        </p>\n        <ul class=\"text-sm\">\n          <li\n            v-for=\"(sectionItem, sectionItemName) in section\"\n            :key=\"sectionItemName\"\n            class=\"mt-1 flex items-center relative hover:cursor hover:no-underline p-2 rounded-lg\"\n            :class=\"[{'text-blue-600 font-semibold bg-blue-50':sectionItem.active, 'text-gray-600 hover:bg-blue-50/50':!sectionItem.active}, sectionItem.textClass]\"\n          >\n            <Icon\n              :class=\"[{'text-blue-600':sectionItem.active, 'text-gray-400':!sectionItem.active}, sectionItem.iconClass]\"\n              class=\"w-5 h-5 ml-1 mr-3\"\n              :name=\"sectionItem.icon\"\n            />\n            <span class=\"block truncate\">\n              {{ sectionItemName }}\n            </span>\n            <NuxtLink\n              v-if=\"sectionItem.route\"\n              v-track.sidebar_click=\"{section: sectionItemName}\"\n              class=\"absolute inset-0\"\n              :to=\"sectionItem.route\"\n            />\n            <a\n              v-else-if=\"sectionItem.href\"\n              v-track.sidebar_click=\"{section: sectionItemName}\"\n              class=\"absolute inset-0\"\n              target=\"_blank\"\n              :href=\"sectionItem.href\"\n            />\n            <div\n              v-else-if=\"sectionItem.action\"\n              v-track.sidebar_click=\"{section: sectionItemName}\"\n              class=\"absolute inset-0 cursor-pointer\"\n              @click=\"sectionItem.action\"\n            />\n          </li>\n        </ul>\n      </div>\n      <div class=\"px-3 mt-5\">\n        <UpgradeCard />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {computed} from 'vue'\nimport AirtableStatusBanner from '~/components/airtable/AirtableStatusBanner.vue'\n\nconst crisp = useCrisp()\nconst route = useRoute()\nconst hasStickyNavbar = computed(() => route.meta.stickyNavbar)\n\nconst sectionsList = computed(() => {\n  const sections = {\n    Main: {\n      'Forms': {\n        icon: 'heroicons:document',\n        route: {name: 'home'}\n      }\n    },\n    'Contact': {\n      'Send us a message':\n        {\n          icon: 'heroicons:chat-bubble-left-ellipsis',\n          action:\n            () => {\n              crisp.openAndShowChat()\n            }\n        },\n    }\n  }\n\n  // Set property active_route to true if it is active\n  for (const sectionName in sections) {\n    for (const sectionItemName in sections[sectionName]) {\n      sections[sectionName][sectionItemName].active = isActive(sections[sectionName][sectionItemName].route)\n    }\n  }\n\n  return sections\n})\n\nconst isActive = (secRoute) => {\n  const routeName = secRoute?.name || null\n  if (routeName === 'forms-slug-show-share') {\n    return secRoute?.params?.slug === route.params?.slug\n  }\n  return route.name === routeName\n}\n</script>\n"],"names":["props","__props","card","ref","elementX","elementY","elementHeight","elementWidth","useMouseInElement","spotlightColorStops","computed","margin","rate","value","authStore","useAuthStore","workspacesStore","useWorkspacesStore","user","workspace","upgradePlanName","_a","upgradePlanDescription","shouldShow","show","onMounted","useAirtableFormsApi","data","crisp","useCrisp","route","useRoute","hasStickyNavbar","sectionsList","sections","sectionName","sectionItemName","isActive","secRoute","routeName","_b"],"mappings":"k5BA2BA,MAAMA,EAAQC,EAuCRC,EAAOC,EAAK,EACZ,CAAE,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,aAAAC,CAAc,EAAGC,EAAkBN,CAAI,EAE5EO,EAAsBC,EAAS,IAAM,CACzC,GAAIV,EAAM,IAAK,CACb,MAAMW,EAASX,EAAM,OAASA,EAAM,OAC9BY,GAAQP,EAAS,MAAQD,EAAS,QAAUE,EAAc,MAAQC,EAAa,OAGrF,MAAO,OAFK,KAAK,MAAMI,EAASC,EAAOZ,EAAM,MAAM,CAElC,uBAClB,CAED,MAAO,CAACA,EAAM,KAAMA,EAAM,IAAKA,EAAM,EAAE,EAAE,OAAQa,GAAU,CAAC,CAACA,CAAK,EAAE,KAAK,GAAG,CAC9E,CAAC,u0BCtCD,MAAMC,EAAYC,EAAc,EAC1BC,EAAkBC,EAAoB,EAEtCC,EAAOR,EAAS,IACbI,EAAU,IAClB,EACKK,EAAYT,EAAS,IAClBM,EAAgB,UACxB,EAEKI,EAAkBV,EAAS,IAAM,OACrC,OAAOW,EAAAF,EAAU,QAAV,MAAAE,EAAiB,OAAS,OAAS,KAC5C,CAAC,EAEKC,EAAyBZ,EAAS,IAAM,OAC5C,OAAOW,EAAAF,EAAU,QAAV,MAAAE,EAAiB,OAAS,iHAAmH,kEACtJ,CAAC,EAEKE,EAAab,EAAS,IACnBQ,EAAK,OAASJ,EAAU,eAAiBK,EAAU,OAAS,CAACA,EAAU,MAAM,aACrF,osCCzCD,MAAMK,EAAOrB,EAAI,EAAK,EAEtB,OAAAsB,EAAU,IAAM,CACdD,EAAK,MAAQ,GACbE,EAAoB,qBAAqB,EAAE,KAAMC,GAAS,CACpDA,EAAK,SAAW,KAClBH,EAAK,MAAQ,GACnB,CAAG,CACH,CAAC,4UC0CD,MAAMI,EAAQC,EAAU,EAClBC,EAAQC,EAAU,EAClBC,EAAkBtB,EAAS,IAAMoB,EAAM,KAAK,YAAY,EAExDG,EAAevB,EAAS,IAAM,CAClC,MAAMwB,EAAW,CACf,KAAM,CACJ,MAAS,CACP,KAAM,qBACN,MAAO,CAAC,KAAM,MAAM,CACrB,CACF,EACD,QAAW,CACT,oBACE,CACE,KAAM,sCACN,OACE,IAAM,CACJN,EAAM,gBAAiB,CACxB,CACJ,CACJ,CACF,EAGD,UAAWO,KAAeD,EACxB,UAAWE,KAAmBF,EAASC,CAAW,EAChDD,EAASC,CAAW,EAAEC,CAAe,EAAE,OAASC,EAASH,EAASC,CAAW,EAAEC,CAAe,EAAE,KAAK,EAIzG,OAAOF,CACT,CAAC,EAEKG,EAAYC,GAAa,SAC7B,MAAMC,GAAYD,GAAA,YAAAA,EAAU,OAAQ,KACpC,OAAIC,IAAc,0BACTlB,EAAAiB,GAAA,YAAAA,EAAU,SAAV,YAAAjB,EAAkB,UAASmB,EAAAV,EAAM,SAAN,YAAAU,EAAc,MAE3CV,EAAM,OAASS,CACxB"}