fix: overflow workaround

fix: incorrect parameter
fix: various items
2025-11-14 08:42:12 +10:00 · 2023-10-10 23:16:38 +11:00 · 2023-10-10 15:05:14 +11:00 · 2023-10-10 15:05:14 +11:00 · 2023-10-10 15:05:14 +11:00
22 changed files with 85 additions and 135 deletions
--- a/.gitpod.yml
+++ b/.gitpod.yml
@ -1,55 +0,0 @@
 tasks:
  - init: |
      npm i &&
      npm run dx:up &&
      cp .env.example .env &&
      set -a; source .env &&
      export NEXTAUTH_URL="$(gp url 3000)" &&
      export NEXT_PUBLIC_WEBAPP_URL="$(gp url 3000)" &&
      export NEXT_PUBLIC_MARKETING_URL="$(gp url 3001)" 
    command: npm run d
 ports:
  - port: 3000
    visibility: public
    onOpen: open-preview
  - port: 3001
    visibility: public
    onOpen: open-preview
  - port: 9000
    visibility: public
    onOpen: ignore
  - port: 1100
    visibility: private
    onOpen: ignore
  - port: 2500
    visibility: private
    onOpen: ignore
  - port: 54320 
    visibility: private 
    onOpen: ignore
 github:
  prebuilds:
    master: true
    pullRequests: true
    pullRequestsFromForks: true
    addCheck: true
    addComment: true
    addBadge: true
 vscode:
  extensions:
    - aaron-bond.better-comments
    - bradlc.vscode-tailwindcss
    - dbaeumer.vscode-eslint
    - esbenp.prettier-vscode
    - mikestead.dotenv
    - unifiedjs.vscode-mdx
    - GitHub.copilot-chat
    - GitHub.copilot-labs
    - GitHub.copilot
    - GitHub.vscode-pull-request-github
    - Prisma.prisma
    - VisualStudioExptTeam.vscodeintellicode
--- a/apps/marketing/src/app/(marketing)/layout.tsx
+++ b/apps/marketing/src/app/(marketing)/layout.tsx
@ -2,6 +2,8 @@
 import React, { useEffect, useState } from 'react';
 import { usePathname } from 'next/navigation';
 import { cn } from '@documenso/ui/lib/utils';
 import { Footer } from '~/components/(marketing)/footer';
@ -13,6 +15,7 @@ export type MarketingLayoutProps = {
 export default function MarketingLayout({ children }: MarketingLayoutProps) {
  const [scrollY, setScrollY] = useState(0);
  const pathname = usePathname();
  useEffect(() => {
    const onScroll = () => {
@ -25,7 +28,11 @@ export default function MarketingLayout({ children }: MarketingLayoutProps) {
  }, []);
  return (
-    <div className="relative max-w-[100vw] overflow-y-auto overflow-x-hidden pt-20 md:pt-28">
+    <div
      className={cn('relative max-w-[100vw] pt-20 md:pt-28', {
        'overflow-y-auto overflow-x-hidden': pathname !== '/singleplayer',
      })}
    >
      <div
        className={cn('fixed left-0 top-0 z-50 w-full bg-transparent', {
          'bg-background/50 backdrop-blur-md': scrollY > 5,
--- a/apps/marketing/src/app/(marketing)/single-player-mode/[token]/success/page.tsx
+++ b/apps/marketing/src/app/(marketing)/single-player-mode/[token]/success/page.tsx
--- a/apps/marketing/src/app/(marketing)/single-player-mode/page.tsx
+++ b/apps/marketing/src/app/(marketing)/single-player-mode/page.tsx
@ -130,7 +130,7 @@ export default function SinglePlayerModePage() {
        signer: data.email,
      });
-      router.push(`/single-player-mode/${documentToken}/success`);
+      router.push(`/singleplayer/${documentToken}/success`);
    } catch {
      toast({
        title: 'Something went wrong',
--- a/apps/marketing/src/app/layout.tsx
+++ b/apps/marketing/src/app/layout.tsx
@ -4,7 +4,6 @@ import { Caveat, Inter } from 'next/font/google';
 import { FeatureFlagProvider } from '@documenso/lib/client-only/providers/feature-flag';
 import { getAllAnonymousFlags } from '@documenso/lib/universal/get-feature-flag';
 import { TrpcProvider } from '@documenso/trpc/react';
 import { cn } from '@documenso/ui/lib/utils';
 import { Toaster } from '@documenso/ui/primitives/toaster';
@ -64,9 +63,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
      <body>
        <FeatureFlagProvider initialFlags={flags}>
          <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-            <PlausibleProvider>
+            <PlausibleProvider>{children}</PlausibleProvider>
              <TrpcProvider>{children}</TrpcProvider>
            </PlausibleProvider>
          </ThemeProvider>
        </FeatureFlagProvider>
--- a/apps/marketing/src/components/(marketing)/footer.tsx
+++ b/apps/marketing/src/components/(marketing)/footer.tsx
@ -23,7 +23,7 @@ const SOCIAL_LINKS = [
 const FOOTER_LINKS = [
  { href: '/pricing', text: 'Pricing' },
-  { href: '/single-player-mode', text: 'Single Player Mode' },
+  { href: '/singleplayer', text: 'Singleplayer' },
  { href: '/blog', text: 'Blog' },
  { href: '/open', text: 'Open' },
  { href: 'https://shop.documenso.com', text: 'Shop', target: '_blank' },
--- a/apps/marketing/src/components/(marketing)/header.tsx
+++ b/apps/marketing/src/components/(marketing)/header.tsx
@ -35,7 +35,7 @@ export const Header = ({ className, ...props }: HeaderProps) => {
        {isSinglePlayerModeMarketingEnabled && (
          <Link
-            href="/single-player-mode"
+            href="/singleplayer"
            className="bg-primary dark:text-background rounded-full px-2 py-1 text-xs font-semibold sm:px-3"
          >
            Try now!
--- a/apps/marketing/src/components/(marketing)/hero.tsx
+++ b/apps/marketing/src/components/(marketing)/hero.tsx
@ -134,9 +134,9 @@ export const Hero = ({ className, ...props }: HeroProps) => {
              variants={HeroTitleVariants}
              initial="initial"
              animate="animate"
-              className="border-primary bg-background hover:bg-muted mx-auto mt-8 w-60 rounded-xl border transition duration-300"
+              className="border-primary bg-background hover:bg-muted mx-auto mt-8 w-60 rounded-xl border transition-colors duration-300"
            >
-              <Link href="/single-player-mode" className="block px-4 py-2 text-center">
+              <Link href="/singleplayer" className="block px-4 py-2 text-center">
                <h2 className="text-muted-foreground text-xs font-semibold">
                  Introducing Single Player Mode
                </h2>
--- a/apps/marketing/src/components/(marketing)/mobile-navigation.tsx
+++ b/apps/marketing/src/components/(marketing)/mobile-navigation.tsx
@ -17,8 +17,8 @@ export type MobileNavigationProps = {
 export const MENU_NAVIGATION_LINKS = [
  {
-    href: '/single-player-mode',
+    href: '/singleplayer',
-    text: 'Single Player Mode',
+    text: 'Singleplayer',
  },
  {
    href: '/blog',
--- a/apps/marketing/src/components/(marketing)/password-reveal.tsx
+++ b/apps/marketing/src/components/(marketing)/password-reveal.tsx
@ -1,8 +1,9 @@
 'use client';
 import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
 import { useToast } from '@documenso/ui/primitives/use-toast';
 import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
 export type PasswordRevealProps = {
  password: string;
 };
--- a/apps/marketing/src/components/(marketing)/single-player-mode/single-player-mode-success.tsx
+++ b/apps/marketing/src/components/(marketing)/single-player-mode/single-player-mode-success.tsx
@ -4,13 +4,14 @@ import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { Share } from 'lucide-react';
 import { useFeatureFlags } from '@documenso/lib/client-only/providers/feature-flag';
 import { base64 } from '@documenso/lib/universal/base64';
 import { getFile } from '@documenso/lib/universal/upload/get-file';
 import { DocumentWithRecipient } from '@documenso/prisma/types/document-with-recipient';
 import DocumentDialog from '@documenso/ui/components/document/document-dialog';
 import { DocumentDownloadButton } from '@documenso/ui/components/document/document-download-button';
 import { DocumentShareButton } from '@documenso/ui/components/document/document-share-button';
 import { SigningCard3D } from '@documenso/ui/components/signing-card';
 import { cn } from '@documenso/ui/lib/utils';
 import { Button } from '@documenso/ui/primitives/button';
@ -86,11 +87,11 @@ export const SinglePlayerModeSuccess = ({ className, document }: SinglePlayerMod
      <div className="relative mt-8 w-full">
        <div className={cn('flex flex-col items-center', className)}>
          <div className="grid w-full max-w-sm grid-cols-2 gap-4">
-            <DocumentShareButton
+            {/* TODO: Hook this up */}
-              documentId={document.id}
+            <Button variant="outline" className="flex-1 bg-transparent backdrop-blur-sm" disabled>
-              token={document.Recipient.token}
+              <Share className="mr-2 h-5 w-5" />
-              className="flex-1 bg-transparent backdrop-blur-sm"
+              Share
-            />
+            </Button>
            <DocumentDownloadButton
              className="flex-1 bg-transparent backdrop-blur-sm"
@ -102,7 +103,7 @@ export const SinglePlayerModeSuccess = ({ className, document }: SinglePlayerMod
            <Button
              onClick={async () => onShowDocumentClick()}
              loading={isFetchingDocumentFile}
-              className="z-10 col-span-2"
+              className="col-span-2"
            >
              Show document
            </Button>
--- a/packages/lib/client-only/hooks/use-copy-to-clipboard.ts
+++ b/packages/lib/client-only/hooks/use-copy-to-clipboard.ts
--- a/apps/marketing/src/pages/api/trpc/[trpc].ts
+++ b/apps/marketing/src/pages/api/trpc/[trpc].ts
@ -1,8 +0,0 @@
 import * as trpcNext from '@documenso/trpc/server/adapters/next';
 import { createTrpcContext } from '@documenso/trpc/server/context';
 import { appRouter } from '@documenso/trpc/server/router';
 export default trpcNext.createNextApiHandler({
  router: appRouter,
  createContext: async ({ req, res }) => createTrpcContext({ req, res }),
 });
--- a/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx
+++ b/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx
@ -6,12 +6,13 @@ import { Edit, Pencil, Share } from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import { match } from 'ts-pattern';
 import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
 import { Document, DocumentStatus, Recipient, SigningStatus, User } from '@documenso/prisma/client';
 import { trpc } from '@documenso/trpc/react';
 import { Button } from '@documenso/ui/primitives/button';
 import { useToast } from '@documenso/ui/primitives/use-toast';
 import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
 export type DataTableActionButtonProps = {
  row: Document & {
    User: Pick<User, 'id' | 'name' | 'email'>;
@ -46,7 +47,7 @@ export const DataTableActionButton = ({ row }: DataTableActionButtonProps) => {
      documentId: row.id,
    });
-    await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
+    await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
    toast({
      title: 'Copied to clipboard',
--- a/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx
+++ b/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx
@ -18,7 +18,6 @@ import {
 } from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
 import { getFile } from '@documenso/lib/universal/upload/get-file';
 import { Document, DocumentStatus, Recipient, User } from '@documenso/prisma/client';
 import { DocumentWithData } from '@documenso/prisma/types/document-with-data';
@ -33,6 +32,8 @@ import {
 } from '@documenso/ui/primitives/dropdown-menu';
 import { useToast } from '@documenso/ui/primitives/use-toast';
 import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
 import { DeleteDraftDocumentDialog } from './delete-draft-document-dialog';
 export type DataTableActionDropdownProps = {
@ -72,7 +73,7 @@ export const DataTableActionDropdown = ({ row }: DataTableActionDropdownProps) =
      documentId: row.id,
    });
-    await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
+    await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
    toast({
      title: 'Copied to clipboard',
--- a/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx
@ -9,11 +9,12 @@ import { getFieldsForToken } from '@documenso/lib/server-only/field/get-fields-f
 import { getRecipientByToken } from '@documenso/lib/server-only/recipient/get-recipient-by-token';
 import { DocumentStatus, FieldType } from '@documenso/prisma/client';
 import { DocumentDownloadButton } from '@documenso/ui/components/document/document-download-button';
 import { DocumentShareButton } from '@documenso/ui/components/document/document-share-button';
 import { SigningCard3D } from '@documenso/ui/components/signing-card';
 import signingCelebration from '~/assets/signing-celebration.png';
 import { ShareButton } from './share-button';
 export type CompletedSigningPageProps = {
  params: {
    token?: string;
@ -88,7 +89,7 @@ export default async function CompletedSigningPage({
          ))}
        <div className="mt-8 flex w-full max-w-sm items-center justify-center gap-4">
-          <DocumentShareButton documentId={document.id} token={recipient.token} />
+          <ShareButton documentId={document.id} token={recipient.token} />
          <DocumentDownloadButton
            className="flex-1"
--- a/apps/web/src/app/(signing)/sign/[token]/complete/share-button.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/complete/share-button.tsx
@ -5,10 +5,8 @@ import { HTMLAttributes, useState } from 'react';
 import { Copy, Share } from 'lucide-react';
 import { FaXTwitter } from 'react-icons/fa6';
 import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
 import { generateTwitterIntent } from '@documenso/lib/universal/generate-twitter-intent';
 import { trpc } from '@documenso/trpc/react';
 import { cn } from '@documenso/ui/lib/utils';
 import { Button } from '@documenso/ui/primitives/button';
 import {
  Dialog,
@ -20,12 +18,14 @@ import {
 } from '@documenso/ui/primitives/dialog';
 import { useToast } from '@documenso/ui/primitives/use-toast';
-export type DocumentShareButtonProps = HTMLAttributes<HTMLButtonElement> & {
+import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
 export type ShareButtonProps = HTMLAttributes<HTMLButtonElement> & {
  token: string;
  documentId: number;
 };
-export const DocumentShareButton = ({ token, documentId, className }: DocumentShareButtonProps) => {
+export const ShareButton = ({ token, documentId }: ShareButtonProps) => {
  const { toast } = useToast();
  const [, copyToClipboard] = useCopyToClipboard();
@ -60,7 +60,7 @@ export const DocumentShareButton = ({ token, documentId, className }: DocumentSh
      slug = result.slug;
    }
-    await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
+    await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
    toast({
      title: 'Copied to clipboard',
@ -85,7 +85,7 @@ export const DocumentShareButton = ({ token, documentId, className }: DocumentSh
    window.open(
      generateTwitterIntent(
        `I just ${token ? 'signed' : 'sent'} a document with @documenso. Check it out!`,
-        `${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`,
+        `${window.location.origin}/share/${slug}`,
      ),
      '_blank',
    );
@ -99,7 +99,7 @@ export const DocumentShareButton = ({ token, documentId, className }: DocumentSh
        <Button
          variant="outline"
          disabled={!token || !documentId}
-          className={cn('flex-1', className)}
+          className="flex-1"
          loading={isLoading}
        >
          {!isLoading && <Share className="mr-2 h-5 w-5" />}
@ -120,12 +120,8 @@ export const DocumentShareButton = ({ token, documentId, className }: DocumentSh
            <span className="font-medium text-blue-400">@documenso</span>
            . Check it out!
            <span className="mt-2 block" />
-            <span
+            <span className="break-all font-medium text-blue-400">
-              className={cn('break-all font-medium text-blue-400', {
+              {window.location.origin}/share/{shareLink?.slug || '...'}
                'animate-pulse': !shareLink?.slug,
              })}
            >
              {process.env.NEXT_PUBLIC_WEBAPP_URL}/share/{shareLink?.slug || '...'}
            </span>
          </div>
--- a/apps/web/src/app/(signing)/sign/[token]/signature-field.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/signature-field.tsx
@ -1,6 +1,6 @@
 'use client';
-import { useEffect, useMemo, useState, useTransition } from 'react';
+import { useMemo, useState, useTransition } from 'react';
 import { useRouter } from 'next/navigation';
@ -48,7 +48,6 @@ export const SignatureField = ({ field, recipient }: SignatureFieldProps) => {
  const [showSignatureModal, setShowSignatureModal] = useState(false);
  const [localSignature, setLocalSignature] = useState<string | null>(null);
  const [isLocalSignatureSet, setIsLocalSignatureSet] = useState(false);
  const state = useMemo<SignatureFieldState>(() => {
    if (!field.inserted) {
@ -62,16 +61,9 @@ export const SignatureField = ({ field, recipient }: SignatureFieldProps) => {
    return 'signed-text';
  }, [field.inserted, signature?.signatureImageAsBase64]);
  useEffect(() => {
    if (!showSignatureModal && !isLocalSignatureSet) {
      setLocalSignature(null);
    }
  }, [showSignatureModal, isLocalSignatureSet]);
  const onSign = async (source: 'local' | 'provider' = 'provider') => {
    try {
      if (!providedSignature && !localSignature) {
        setIsLocalSignatureSet(false);
        setShowSignatureModal(true);
        return;
      }
@ -186,7 +178,6 @@ export const SignatureField = ({ field, recipient }: SignatureFieldProps) => {
                disabled={!localSignature}
                onClick={() => {
                  setShowSignatureModal(false);
                  setIsLocalSignatureSet(true);
                  void onSign('local');
                }}
              >
--- a/apps/web/src/hooks/use-copy-to-clipboard.ts
+++ b/apps/web/src/hooks/use-copy-to-clipboard.ts
@ -0,0 +1,28 @@
 import { useState } from 'react';
 export type CopiedValue = string | null;
 export type CopyFn = (_text: string) => Promise<boolean>;
 export function useCopyToClipboard(): [CopiedValue, CopyFn] {
  const [copiedText, setCopiedText] = useState<CopiedValue>(null);
  const copy: CopyFn = async (text) => {
    if (!navigator?.clipboard) {
      console.warn('Clipboard not supported');
      return false;
    }
    // Try to save to clipboard then save it in the state if worked
    try {
      await navigator.clipboard.writeText(text);
      setCopiedText(text);
      return true;
    } catch (error) {
      console.warn('Copy failed', error);
      setCopiedText(null);
      return false;
    }
  };
  return [copiedText, copy];
 }
--- a/packages/lib/client-only/hooks/use-element-scale-size.ts
+++ b/packages/lib/client-only/hooks/use-element-scale-size.ts
@ -60,26 +60,17 @@ export const calculateTextScaleSize = (
 */
 export function useElementScaleSize(
  container: { width: number; height: number },
-  child: RefObject<HTMLElement | null>,
+  text: string,
  fontSize: number,
  fontFamily: string,
 ) {
  const [scalingFactor, setScalingFactor] = useState(1);
  useEffect(() => {
-    if (!child.current) {
+    const scaleSize = calculateTextScaleSize(container, text, `${fontSize}px`, fontFamily);
      return;
    }
    const scaleSize = calculateTextScaleSize(
      container,
      child.current.innerText,
      `${fontSize}px`,
      fontFamily,
    );
    setScalingFactor(scaleSize);
-  }, [child, container, fontFamily, fontSize]);
+  }, [text, container, fontFamily, fontSize]);
  return scalingFactor;
 }
--- a/packages/ui/components/signing-card.tsx
+++ b/packages/ui/components/signing-card.tsx
@ -56,7 +56,7 @@ export const SigningCard3D = ({ className, name, signingCelebrationImage }: Sign
  const sheenGradient = useMotionTemplate`linear-gradient(
    30deg,
    transparent,
-    rgba(var(--sheen-color) / ${trackMouse ? sheenOpacity : 0}) ${sheenPosition}%,
+    rgba(var(--sheen-color) / ${sheenOpacity}) ${sheenPosition}%,
    transparent)`;
  const cardRef = useRef<HTMLDivElement>(null);
@ -98,10 +98,12 @@ export const SigningCard3D = ({ className, name, signingCelebrationImage }: Sign
        void animate(cardX, 0, { duration: 2, ease: 'backInOut' });
        void animate(cardY, 0, { duration: 2, ease: 'backInOut' });
        void animate(sheenOpacity, 0, { duration: 2, ease: 'backInOut' });
        setTrackMouse(false);
      }, 1000);
    },
-    [cardX, cardY, cardCenterPosition, trackMouse],
+    [cardX, cardY, cardCenterPosition, trackMouse, sheenOpacity],
  );
  useEffect(() => {
@ -126,7 +128,6 @@ export const SigningCard3D = ({ className, name, signingCelebrationImage }: Sign
          transformStyle: 'preserve-3d',
          rotateX,
          rotateY,
          // willChange: 'transform background-image',
        }}
      >
        <SigningCardContent className="bg-transparent" name={name} />
--- a/packages/ui/primitives/document-flow/single-player-mode-fields.tsx
+++ b/packages/ui/primitives/document-flow/single-player-mode-fields.tsx
@ -70,25 +70,23 @@ export function SinglePlayerModeSignatureField({
    throw new Error('Invalid field type');
  }
  const $paragraphEl = useRef<HTMLParagraphElement>(null);
  const { height, width } = useFieldPageCoords(field);
  const insertedBase64Signature = field.inserted && field.Signature?.signatureImageAsBase64;
  const insertedTypeSignature = field.inserted && field.Signature?.typedSignature;
  const scalingFactor = useElementScaleSize(
    {
      height,
      width,
    },
-    $paragraphEl,
+    insertedTypeSignature || '',
    maxFontSize,
    fontVariableValue,
  );
  const fontSize = maxFontSize * scalingFactor;
  const insertedBase64Signature = field.inserted && field.Signature?.signatureImageAsBase64;
  const insertedTypeSignature = field.inserted && field.Signature?.typedSignature;
  return (
    <SinglePlayerModeFieldCardContainer field={field}>
      {insertedBase64Signature ? (
@ -99,7 +97,6 @@ export function SinglePlayerModeSignatureField({
        />
      ) : insertedTypeSignature ? (
        <p
          ref={$paragraphEl}
          style={{
            fontSize: `clamp(${minFontSize}px, ${fontSize}px, ${maxFontSize}px)`,
            fontFamily: `var(${fontVariable})`,
@ -145,7 +142,7 @@ export function SinglePlayerModeCustomTextField({
      height,
      width,
    },
-    $paragraphEl,
+    field.customText,
    maxFontSize,
    fontVariableValue,
  );
Author	SHA1	Message	Date
David Nguyen	2749520e10	fix: overflow workaround	2023-10-10 23:16:38 +11:00
David Nguyen	8c023b092d	fix: incorrect parameter	2023-10-10 15:05:14 +11:00
David Nguyen	8d2badf75e	fix: various items	2023-10-10 15:05:14 +11:00
David Nguyen	9d6e149f56	refactor: update single player references	2023-10-10 15:05:14 +11:00