{"version":3,"file":"useIframeListener-CjUcwpZ5.js","sources":["../../src/lightspeed/features/files/useSetPassword.ts","../../src/lightspeed/features/files/FileAccessCodeForm.vue","../../src/lightspeed/features/files/FileAccessCode.vue","../../src/lightspeed/features/files/useSetPublicLink.ts","../../src/lightspeed/features/files/FilePublicLinkSelect.vue","../../src/lightspeed/composables/useIframeListener.ts"],"sourcesContent":["import type { RefOrGetter } from \"ls/common/types\";\nimport { useMutation, useQueryClient } from \"@tanstack/vue-query\";\nimport { produce } from \"immer\";\nimport { changePrototypeInfo } from \"ls/api/cloud/prototype\";\nimport { toValue } from \"vue\";\nimport { queries } from \"./queries\";\n\nexport function useSetPassword(shortcut: RefOrGetter<string>) {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (password: string) => {\n      return changePrototypeInfo(toValue(shortcut), {\n        Password: password,\n      });\n    },\n\n    async onMutate(password) {\n      await queryClient.cancelQueries(queries.password(toValue(shortcut)));\n      await queryClient.cancelQueries(queries.info(toValue(shortcut)));\n\n      queryClient.setQueryData(queries.password(toValue(shortcut)).queryKey, current => {\n        if (!current) return;\n\n        return produce(current, state => {\n          state.Vars.password = password;\n        });\n      });\n\n      queryClient.setQueryData(queries.info(toValue(shortcut)).queryKey, current => {\n        if (!current) return;\n\n        return produce(current, state => {\n          state.HasPassword = !!password;\n        });\n      });\n    },\n\n    onSuccess(data) {\n      void queryClient.invalidateQueries(queries.password(toValue(shortcut)));\n      queryClient.setQueryData(queries.info(toValue(shortcut)).queryKey, current => {\n        if (!current) return;\n\n        return produce(current, state => {\n          state.AccessCode = data.AccessCode;\n          state.HasPassword = data.HasPassword;\n        });\n      });\n    },\n\n    onError() {\n      void queryClient.invalidateQueries(queries.password(toValue(shortcut)));\n      void queryClient.invalidateQueries(queries.info(toValue(shortcut)));\n    },\n  });\n}\n","<script lang=\"ts\">\nimport ConfirmEditableForm from \"ls/components/confirm-editable/ConfirmEditableForm.vue\";\nimport ConfirmEditableInput from \"ls/components/confirm-editable/ConfirmEditableInput.vue\";\nimport * as v from \"valibot\";\n\nconst NoAccessCodeSchema = v.nullish(v.literal(\"\"));\nconst ValidAccessCodeSchema = v.pipe(\n  v.string(),\n  v.trim(),\n  v.minLength(4, \"The access code must be at least 4 characters\"),\n);\n\nconst FormSchema = v.object({\n  accessCode: v.union([ValidAccessCodeSchema, NoAccessCodeSchema]),\n});\n</script>\n\n<script setup lang=\"ts\">\nimport type { ShortcutJs } from \"@/generated/models\";\nimport { toTypedSchema } from \"@vee-validate/valibot\";\nimport { FormControl, FormField, FormItem, FormMessage, useForm } from \"ls/components/form\";\nimport { useSetPassword } from \"./useSetPassword\";\n\nconst props = defineProps<{\n  file: ShortcutJs;\n  password?: string;\n}>();\n\nconst emit = defineEmits<{\n  cancel: [];\n}>();\n\nconst { mutateAsync } = useSetPassword(() => props.file.Shortcut);\n\nconst { handleSubmit } = useForm({\n  validationSchema: toTypedSchema(FormSchema),\n  initialValues: {\n    accessCode: props.password,\n  },\n});\n\nconst onSubmit = handleSubmit(async values => {\n  await mutateAsync(values.accessCode ?? \"\");\n  emit(\"cancel\");\n});\n</script>\n\n<template>\n  <ConfirmEditableForm\n    @submit=\"onSubmit\"\n    @cancel=\"emit('cancel')\"\n  >\n    <FormField v-slot=\"{ componentField }\" name=\"accessCode\">\n      <FormItem class=\"flex-1\">\n        <div>\n          <FormControl>\n            <ConfirmEditableInput\n              v-bind=\"componentField\"\n              aria-label=\"Access code\"\n              placeholder=\"Code\"\n            />\n          </FormControl>\n        </div>\n        <FormMessage />\n      </FormItem>\n    </FormField>\n  </ConfirmEditableForm>\n</template>\n","<script setup lang=\"ts\">\nimport type { ShortcutJs } from \"@/generated/models\";\nimport { useQuery } from \"@tanstack/vue-query\";\nimport ConfirmEditableButton from \"ls/components/confirm-editable/ConfirmEditableButton.vue\";\nimport ConfirmPopover from \"ls/components/confirm-popover/ConfirmPopover.vue\";\nimport SimpleButton from \"ls/components/simple-button/SimpleButton.vue\";\nimport { SimpleTooltip } from \"ls/components/simple-tooltip\";\nimport { PencilIcon, Trash2Icon } from \"lucide-vue-next\";\nimport { computed, ref } from \"vue\";\nimport FileAccessCodeForm from \"./FileAccessCodeForm.vue\";\nimport { queries } from \"./queries\";\nimport { useSetPassword } from \"./useSetPassword\";\n\nconst props = defineProps<{\n  file: ShortcutJs;\n}>();\n\nconst state = ref<\"cancel\" | \"edit\">();\nconst query = useQuery(computed(() => {\n  return {\n    ...queries.password(props.file.Shortcut),\n    enabled: computed(() => state.value === \"edit\"),\n  };\n}));\n\nconst { mutate } = useSetPassword(() => props.file.Shortcut);\nfunction removePassword() {\n  mutate(\"\");\n}\n</script>\n\n<template>\n  <FileAccessCodeForm\n    v-if=\"state === 'edit' && (!file.AccessCode || query.data.value)\"\n    :password=\"query.data.value?.Vars.password\"\n    :file=\"file\"\n    @cancel=\"state = 'cancel'\"\n  />\n  <div\n    v-else class=\"flex items-center gap-2\"\n    :class=\"{\n      'opacity-50': query.isPending.value && query.isLoading.value,\n    }\"\n  >\n    <ConfirmEditableButton\n      :class=\"{\n        'text-slate-500': !file.HasPassword,\n      }\"\n      @click=\"state = 'edit'\"\n    >\n      {{ file.HasPassword ? '*************' : 'Not set' }}\n    </ConfirmEditableButton>\n    <div class=\"flex items-center gap-1\">\n      <SimpleTooltip content=\"Edit access code\">\n        <SimpleButton\n          variant=\"ghost\"\n          size=\"icon\"\n          aria-label=\"Edit access code\"\n          @click=\"state = 'edit'\"\n        >\n          <PencilIcon class=\"size-4\" aria-hidden=\"true\" />\n        </SimpleButton>\n      </SimpleTooltip>\n\n      <SimpleTooltip\n        v-if=\"file.HasPassword\"\n        content=\"Delete access code\"\n      >\n        <div>\n          <ConfirmPopover @confirm=\"removePassword\">\n            <template #trigger>\n              <SimpleButton\n                variant=\"ghost\"\n                size=\"icon\"\n                aria-label=\"Delete access code\"\n              >\n                <Trash2Icon class=\"size-4\" aria-hidden=\"true\" />\n              </SimpleButton>\n            </template>\n            <template #default>\n              <p class=\"text-center leading-6\">\n                Are you sure you want to delete the access code?\n              </p>\n            </template>\n          </ConfirmPopover>\n        </div>\n      </SimpleTooltip>\n    </div>\n  </div>\n</template>\n","import type { RefOrGetter } from \"ls/common/types\";\nimport { useMutation, useQueryClient } from \"@tanstack/vue-query\";\nimport { produce } from \"immer\";\nimport { changePrototypeInfo } from \"ls/api/cloud/prototype\";\nimport { toValue } from \"vue\";\nimport { queries } from \"./queries\";\n\nexport function useSetPublicLink(shortcut: RefOrGetter<string>) {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (enable: boolean) => changePrototypeInfo(toValue(shortcut), {\n      IsUserOnly: !enable,\n    }),\n    onMutate: async enable => {\n      queryClient.setQueryData(queries.info(toValue(shortcut)).queryKey, current => {\n        if (!current) return;\n\n        return produce(current, state => {\n          state.IsUserOnly = !enable;\n        });\n      });\n    },\n  });\n}\n","<script setup lang=\"ts\">\nimport type { ShortcutJs } from \"@/generated/models\";\nimport { SimpleSelect, SimpleSelectDescription, SimpleSelectItem, SimpleSelectText } from \"ls/components/simple-select\";\nimport { useSetPublicLink } from \"./useSetPublicLink\";\n\nconst props = defineProps<{\n  file: ShortcutJs;\n}>();\n\nconst { mutate, isPending } = useSetPublicLink(() => props.file.Shortcut);\n</script>\n\n<template>\n  <SimpleSelect\n    :model-value=\"file.IsUserOnly ? 'disabled' : 'enabled'\"\n    :disabled=\"isPending\"\n    @update:model-value=\"mutate($event === 'enabled')\"\n  >\n    <template #selected-value>\n      {{ file.IsUserOnly ? 'Disabled' : 'Enabled' }}\n    </template>\n    <SimpleSelectItem class=\"max-w-64\" value=\"enabled\">\n      <SimpleSelectText>Enabled</SimpleSelectText>\n      <SimpleSelectDescription>\n        Prototype can be viewed by anyone with the share link\n      </SimpleSelectDescription>\n    </SimpleSelectItem>\n    <SimpleSelectItem class=\"max-w-64\" value=\"disabled\">\n      <SimpleSelectText>Disabled</SimpleSelectText>\n      <SimpleSelectDescription>\n        Prototype can only be viewed by members\n      </SimpleSelectDescription>\n    </SimpleSelectItem>\n  </SimpleSelect>\n</template>\n","import type { Ref } from \"vue\";\nimport { createEventHook, useEventListener } from \"@vueuse/core\";\n\nexport function useIframeListener<T>(iframe: Ref<HTMLIFrameElement | undefined>) {\n  const message = createEventHook<T>();\n\n  useEventListener(\"message\", event => {\n    const iframeEl = iframe.value;\n    if (!iframeEl || !iframeEl.contentWindow || iframeEl.contentWindow !== event.source) {\n      return;\n    }\n\n    let { data } = event;\n    if (typeof data === \"string\") {\n      try {\n        data = JSON.parse(event.data) as T;\n      } catch {\n        return;\n      }\n    }\n    if (!data.key) return;\n    message.trigger(data);\n  });\n\n  return {\n    message,\n  };\n}\n"],"names":["useSetPassword","shortcut","queryClient","useQueryClient","useMutation","password","changePrototypeInfo","toValue","queries","current","produce","state","data","NoAccessCodeSchema","v.nullish","v.literal","ValidAccessCodeSchema","v.pipe","v.string","v.trim","v.minLength","FormSchema","v.object","v.union","props","__props","emit","__emit","mutateAsync","handleSubmit","useForm","toTypedSchema","onSubmit","values","ref","query","useQuery","computed","mutate","removePassword","useSetPublicLink","enable","isPending","useIframeListener","iframe","message","createEventHook","useEventListener","event","iframeEl"],"mappings":"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"}