@remoteoss/remote-flows 0.13.0 → 0.14.0

package/dist/chunk-DL5PZWF7.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-DYB3RWP7.js";import{a as u,b as v,c as S,d as w,e as D,f as A,g as h}from"./chunk-ANXYPRBG.js";import{b as m}from"./chunk-7VUILYZ3.js";import{a as n}from"./chunk-3LOVCTCN.js";import{a as f}from"./chunk-P37U34EQ.js";import*as p from"react";import*as r from"@radix-ui/react-scroll-area";import{jsx as l,jsxs as P}from"react/jsx-runtime";var d=p.forwardRef(({className:o,children:a,...c},s)=>P(r.Root,{ref:s,className:n("relative overflow-hidden",o),...c,children:[l(r.Viewport,{className:"h-full w-full rounded-[inherit]",children:a}),l(b,{}),l(r.Corner,{})]}));d.displayName=r.Root.displayName;var b=p.forwardRef(({className:o,orientation:a="vertical",...c},s)=>l(r.ScrollAreaScrollbar,{ref:s,orientation:a,className:n("flex touch-none select-none transition-colors",a==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",a==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",o),...c,children:l(r.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}));b.displayName=r.ScrollAreaScrollbar.displayName;import{X as C}from"lucide-react";import{jsx as e,jsxs as i}from"react/jsx-runtime";var B=f(({label:o="Disclaimer"})=>i(u,{children:[e(v,{asChild:!0,children:e(m,{variant:"link",size:"link",children:o})}),i(w,{children:[i(D,{children:[i(S,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",children:[e(C,{className:"h-4 w-4"}),e("span",{className:"sr-only",children:"Close"})]}),e(A,{children:t?.data.title}),i(h,{children:["For more details read our"," ",e(m,{variant:"link",size:"link",asChild:!0,children:e("a",{href:t?.data.html_url,target:"_blank",rel:"noopener noreferrer",children:"Disclaimer"})})]})]}),e(d,{className:"px-4 pb-4 overflow-y-auto max-h-[calc(80vh-120px)] cost-calculator-disclaimer-drawer-scroll-area",children:e("div",{className:"cost-calculator-disclaimer-drawer-body",dangerouslySetInnerHTML:{__html:t?.data.body??""}})})]})]}),"CostCalculatorDisclaimer");export{B as a};
-//# sourceMappingURL=chunk-DL5PZWF7.js.map

package/dist/chunk-DL5PZWF7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/scroll-area.tsx","../src/flows/CostCalculator/CostCalculatorDisclaimer.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '@/src/lib/utils';\n\nconst ScrollArea = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('relative overflow-hidden', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' &&\n        'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' &&\n        'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-border' />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n","import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from '@/src/components/ui/drawer';\nimport { ScrollArea } from '@/src/components/ui/scroll-area';\nimport { X } from 'lucide-react';\nimport { Button } from '@/src/components/ui/button';\nimport { disclaimerData } from '@/src/flows/CostCalculator/disclaimerUtils';\n\ntype CostCalculatorDisclaimerProps = {\n  label?: string;\n};\n\nexport const CostCalculatorDisclaimer = ({\n  label = 'Disclaimer',\n}: CostCalculatorDisclaimerProps) => {\n  return (\n    <Drawer>\n      <DrawerTrigger asChild>\n        <Button variant='link' size='link'>\n          {label}\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <DrawerHeader>\n          <DrawerClose className='absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none'>\n            <X className='h-4 w-4' />\n            <span className='sr-only'>Close</span>\n          </DrawerClose>\n          <DrawerTitle>{disclaimerData?.data.title}</DrawerTitle>\n          <DrawerDescription>\n            For more details read our{' '}\n            <Button variant='link' size='link' asChild>\n              <a\n                href={disclaimerData?.data.html_url}\n                target='_blank'\n                rel='noopener noreferrer'\n              >\n                Disclaimer\n              </a>\n            </Button>\n          </DrawerDescription>\n        </DrawerHeader>\n        <ScrollArea className='px-4 pb-4 overflow-y-auto max-h-[calc(80vh-120px)] cost-calculator-disclaimer-drawer-scroll-area'>\n          <div\n            className='cost-calculator-disclaimer-drawer-body'\n            dangerouslySetInnerHTML={{\n              __html: disclaimerData?.data.body ?? '',\n            }}\n          ></div>\n        </ScrollArea>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n"],"mappings":"kPAAA,UAAYA,MAAW,QACvB,UAAYC,MAAyB,8BAQnC,OAKE,OAAAC,EALF,QAAAC,MAAA,oBAJF,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCL,EAAqB,OAApB,CACC,IAAKK,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EAEJ,UAAAL,EAAqB,WAApB,CAA6B,UAAU,kCACrC,SAAAI,EACH,EACAJ,EAACQ,EAAA,EAAU,EACXR,EAAqB,SAApB,EAA2B,GAC9B,CACD,EACDE,EAAW,YAAkC,OAAK,YAElD,IAAMM,EAAkB,aAGtB,CAAC,CAAE,UAAAL,EAAW,YAAAM,EAAc,WAAY,GAAGJ,CAAM,EAAGC,IACpDN,EAAqB,sBAApB,CACC,IAAKM,EACL,YAAaG,EACb,UAAWF,EACT,gDACAE,IAAgB,YACd,qDACFA,IAAgB,cACd,uDACFN,CACF,EACC,GAAGE,EAEJ,SAAAL,EAAqB,kBAApB,CAAoC,UAAU,yCAAyC,EAC1F,CACD,EACDQ,EAAU,YAAkC,sBAAoB,YCjChE,OAAS,KAAAE,MAAS,eAcV,cAAAC,EAME,QAAAC,MANF,oBAND,IAAMC,EAA2BC,EAAA,CAAC,CACvC,MAAAC,EAAQ,YACV,IAEIH,EAACI,EAAA,CACC,UAAAL,EAACM,EAAA,CAAc,QAAO,GACpB,SAAAN,EAACO,EAAA,CAAO,QAAQ,OAAO,KAAK,OACzB,SAAAH,EACH,EACF,EACAH,EAACO,EAAA,CACC,UAAAP,EAACQ,EAAA,CACC,UAAAR,EAACS,EAAA,CAAY,UAAU,4MACrB,UAAAV,EAACW,EAAA,CAAE,UAAU,UAAU,EACvBX,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,EACAA,EAACY,EAAA,CAAa,SAAAC,GAAgB,KAAK,MAAM,EACzCZ,EAACa,EAAA,CAAkB,sCACS,IAC1Bd,EAACO,EAAA,CAAO,QAAQ,OAAO,KAAK,OAAO,QAAO,GACxC,SAAAP,EAAC,KACC,KAAMa,GAAgB,KAAK,SAC3B,OAAO,SACP,IAAI,sBACL,sBAED,EACF,GACF,GACF,EACAb,EAACe,EAAA,CAAW,UAAU,mGACpB,SAAAf,EAAC,OACC,UAAU,yCACV,wBAAyB,CACvB,OAAQa,GAAgB,KAAK,MAAQ,EACvC,EACD,EACH,GACF,GACF,EAvCoC","names":["React","ScrollAreaPrimitive","jsx","jsxs","ScrollArea","className","children","props","ref","cn","ScrollBar","orientation","X","jsx","jsxs","CostCalculatorDisclaimer","__name","label","Drawer","DrawerTrigger","Button","DrawerContent","DrawerHeader","DrawerClose","X","DrawerTitle","disclaimerData","DrawerDescription","ScrollArea"]}

package/dist/chunk-U4YEXSAO.js

@@ -1,2 +0,0 @@
-import{a as g,b as w,d as f,e as k,f as h,g as D}from"./chunk-ANXYPRBG.js";import{f as c}from"./chunk-EGQJ7UBR.js";import{d as m}from"./chunk-3ZWDIEEM.js";import{a as p,e as u}from"./chunk-3LOVCTCN.js";import{a as e}from"./chunk-P37U34EQ.js";import{useQuery as _}from"@tanstack/react-query";var b=e((r,n)=>{let{client:a}=m();return _({queryKey:["zendesk-article",r],queryFn:e(async()=>{let t=await c({client:a,path:{id:Number(r)}});if(t.error)throw new Error(t.error.message||"Failed to fetch article");return t},"queryFn"),select:e(t=>t.data?.data.help_center_article,"select"),retry:!1,...n})},"useZendeskArticle");import{jsx as o,jsxs as i}from"react/jsx-runtime";var y=e(r=>`https://support.remote.com/hc/en-us/articles/${r}`,"buildZendeskURL"),C=e(({Trigger:r,zendeskId:n,open:a,onClose:t})=>{let l=y(n),s=e(()=>{t?.()},"handleClose"),{data:d,isLoading:v,error:x}=b(n,{enabled:a});return i(g,{open:a,onOpenChange:T=>!T&&s(),direction:"right",children:[o(w,{asChild:!0,children:r}),o(f,{className:"h-full w-[480px] mt-0 ml-auto RemoteFlows_ZendeskDrawer",children:i("div",{className:"h-full flex flex-col",children:[i(k,{children:[o(h,{children:d?.title}),i(D,{children:["For more details see our"," ",o("a",{href:l,target:"_blank",rel:"noopener noreferrer",children:"help article"})," "]})]}),v&&o("div",{children:"Loading..."}),x&&o("div",{className:"text-sm p-4 text-red-500",children:"Error loading article"}),o("div",{className:"flex-1 overflow-y-auto p-4 RemoteFlows_ZendeskDrawer__Content",dangerouslySetInnerHTML:{__html:u(d?.body||"")}})]})})]})},"ZendeskDrawer");import{useState as N}from"react";import{jsx as Z}from"react/jsx-runtime";function K({zendeskId:r,className:n,onClick:a,children:t}){let[l,s]=N(!1);return Z(C,{zendeskId:r,open:l,onClose:()=>s(!1),Trigger:Z("button",{onClick:e(()=>{s(!0),a?.(r)},"handleClick"),className:p("RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block mt-1 text-xs bg-transparent border-none cursor-pointer p-0",n),children:t})})}e(K,"ZendeskTriggerButton");export{K as a};
-//# sourceMappingURL=chunk-U4YEXSAO.js.map

package/dist/chunk-U4YEXSAO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/zendesk-drawer/api.ts","../src/components/shared/zendesk-drawer/ZendeskDrawer.tsx","../src/components/shared/zendesk-drawer/ZendeskTriggerButton.tsx"],"sourcesContent":["import { getShowHelpCenterArticle } from '@/src/client';\nimport { useClient } from '@/src/context';\nimport { Client } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useZendeskArticle = (\n  zendeskId: number | null,\n  queryOptions?: { enabled?: boolean },\n) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['zendesk-article', zendeskId],\n    queryFn: async () => {\n      const response = await getShowHelpCenterArticle({\n        client: client as Client,\n        path: {\n          id: Number(zendeskId),\n        },\n      });\n\n      if (response.error) {\n        throw new Error(response.error.message || 'Failed to fetch article');\n      }\n\n      return response;\n    },\n    select: (data) => data.data?.data.help_center_article,\n    retry: false,\n    ...queryOptions,\n  });\n};\n","import { useZendeskArticle } from '@/src/components/shared/zendesk-drawer/api';\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { sanitizeHtml } from '@/src/lib/utils';\n\nexport type ZendeskDrawerProps = {\n  Trigger: React.ReactNode;\n  zendeskId: number;\n  open: boolean;\n  onClose: () => void;\n};\n\nconst buildZendeskURL = (zendeskId: number) => {\n  return `https://support.remote.com/hc/en-us/articles/${zendeskId}`;\n};\n\nexport const ZendeskDrawer = ({\n  Trigger,\n  zendeskId,\n  open,\n  onClose,\n}: ZendeskDrawerProps) => {\n  const zendeskURL = buildZendeskURL(zendeskId);\n\n  const handleClose = () => {\n    onClose?.();\n  };\n\n  const { data, isLoading, error } = useZendeskArticle(zendeskId, {\n    enabled: open,\n  });\n\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={(open) => !open && handleClose()}\n      direction='right'\n    >\n      <DrawerTrigger asChild>{Trigger}</DrawerTrigger>\n      <DrawerContent className='h-full w-[480px] mt-0 ml-auto RemoteFlows_ZendeskDrawer'>\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{data?.title}</DrawerTitle>\n            <DrawerDescription>\n              For more details see our{' '}\n              <a href={zendeskURL} target='_blank' rel='noopener noreferrer'>\n                help article\n              </a>{' '}\n            </DrawerDescription>\n          </DrawerHeader>\n          {isLoading && <div>Loading...</div>}\n          {error && (\n            <div className='text-sm p-4 text-red-500'>\n              Error loading article\n            </div>\n          )}\n          <div\n            className='flex-1 overflow-y-auto p-4 RemoteFlows_ZendeskDrawer__Content'\n            dangerouslySetInnerHTML={{\n              __html: sanitizeHtml(data?.body || ''),\n            }}\n          ></div>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n","import { cn } from '@/src/lib/utils';\nimport { ZendeskDrawer } from './ZendeskDrawer';\nimport { useState } from 'react';\n\ninterface ZendeskTriggerButtonProps {\n  zendeskId: number;\n  className?: string;\n  onClick?: (zendeskId: number) => void;\n  children?: React.ReactNode;\n}\n\nexport function ZendeskTriggerButton({\n  zendeskId,\n  className,\n  onClick,\n  children,\n}: ZendeskTriggerButtonProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleClick = () => {\n    setIsOpen(true);\n    onClick?.(zendeskId);\n  };\n\n  return (\n    <ZendeskDrawer\n      zendeskId={zendeskId}\n      open={isOpen}\n      onClose={() => setIsOpen(false)}\n      Trigger={\n        <button\n          onClick={handleClick}\n          className={cn(\n            'RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block mt-1 text-xs bg-transparent border-none cursor-pointer p-0',\n            className,\n          )}\n        >\n          {children}\n        </button>\n      }\n    />\n  );\n}\n"],"mappings":"kPAGA,OAAS,YAAAA,MAAgB,wBAElB,IAAMC,EAAoBC,EAAA,CAC/BC,EACAC,IACG,CACH,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAS,CACd,SAAU,CAAC,kBAAmBJ,CAAS,EACvC,QAASD,EAAA,SAAY,CACnB,IAAMM,EAAW,MAAMC,EAAyB,CAC9C,OAAQJ,EACR,KAAM,CACJ,GAAI,OAAOF,CAAS,CACtB,CACF,CAAC,EAED,GAAIK,EAAS,MACX,MAAM,IAAI,MAAMA,EAAS,MAAM,SAAW,yBAAyB,EAGrE,OAAOA,CACT,EAbS,WAcT,OAAQN,EAACQ,GAASA,EAAK,MAAM,KAAK,oBAA1B,UACR,MAAO,GACP,GAAGN,CACL,CAAC,CACH,EAzBiC,qBCuC3B,cAAAO,EAKM,QAAAC,MALN,oBA1BN,IAAMC,EAAkBC,EAACC,GAChB,gDAAgDA,CAAS,GAD1C,mBAIXC,EAAgBF,EAAA,CAAC,CAC5B,QAAAG,EACA,UAAAF,EACA,KAAAG,EACA,QAAAC,CACF,IAA0B,CACxB,IAAMC,EAAaP,EAAgBE,CAAS,EAEtCM,EAAcP,EAAA,IAAM,CACxBK,IAAU,CACZ,EAFoB,eAId,CAAE,KAAAG,EAAM,UAAAC,EAAW,MAAAC,CAAM,EAAIC,EAAkBV,EAAW,CAC9D,QAASG,CACX,CAAC,EAED,OACEN,EAACc,EAAA,CACC,KAAMR,EACN,aAAeA,GAAS,CAACA,GAAQG,EAAY,EAC7C,UAAU,QAEV,UAAAV,EAACgB,EAAA,CAAc,QAAO,GAAE,SAAAV,EAAQ,EAChCN,EAACiB,EAAA,CAAc,UAAU,0DACvB,SAAAhB,EAAC,OAAI,UAAU,uBACb,UAAAA,EAACiB,EAAA,CACC,UAAAlB,EAACmB,EAAA,CAAa,SAAAR,GAAM,MAAM,EAC1BV,EAACmB,EAAA,CAAkB,qCACQ,IACzBpB,EAAC,KAAE,KAAMS,EAAY,OAAO,SAAS,IAAI,sBAAsB,wBAE/D,EAAK,KACP,GACF,EACCG,GAAaZ,EAAC,OAAI,sBAAU,EAC5Ba,GACCb,EAAC,OAAI,UAAU,2BAA2B,iCAE1C,EAEFA,EAAC,OACC,UAAU,gEACV,wBAAyB,CACvB,OAAQqB,EAAaV,GAAM,MAAQ,EAAE,CACvC,EACD,GACH,EACF,GACF,CAEJ,EAlD6B,iBCpB7B,OAAS,YAAAW,MAAgB,QA4BjB,cAAAC,MAAA,oBAnBD,SAASC,EAAqB,CACnC,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA8B,CAC5B,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAO1C,OACER,EAACS,EAAA,CACC,UAAWP,EACX,KAAMI,EACN,QAAS,IAAMC,EAAU,EAAK,EAC9B,QACEP,EAAC,UACC,QAZYU,EAAA,IAAM,CACxBH,EAAU,EAAI,EACdH,IAAUF,CAAS,CACrB,EAHoB,eAaZ,UAAWS,EACT,0IACAR,CACF,EAEC,SAAAE,EACH,EAEJ,CAEJ,CA/BgBK,EAAAT,EAAA","names":["useQuery","useZendeskArticle","__name","zendeskId","queryOptions","client","useClient","useQuery","response","getShowHelpCenterArticle","data","jsx","jsxs","buildZendeskURL","__name","zendeskId","ZendeskDrawer","Trigger","open","onClose","zendeskURL","handleClose","data","isLoading","error","useZendeskArticle","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","sanitizeHtml","useState","jsx","ZendeskTriggerButton","zendeskId","className","onClick","children","isOpen","setIsOpen","useState","ZendeskDrawer","__name","cn"]}