Smtn International

\n {icon}\n

\n {label}\n

\n \n \n \n \n \n \n \n

\n \n {description && {description}}\n {errorMessage}\n \n );\n}",[],[158,176,183],{"_104":192,"_96":193,"_159":194,"_161":177,"_162":141,"_163":140,"_165":118,"_106":195,"_101":196,"_167":187,"_169":197,"_170":22,"_171":-5,"_172":198,"_99":199},"a49e3448-d6c2-11f0-a1c7-42dde27851f2","ContentsTextField.tsx","fcba3d4c-d655-11f0-b0f8-42dde27851f2",["D",1765479192219],14,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Button,\n FieldError,\n Group,\n Input,\n Label,\n NumberField as _NumberField,\n NumberFieldProps as _NumberFieldProps,\n Text,\n TextArea,\n TextField as _TextField,\n TextFieldProps as _TextFieldProps,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\ninterface TextFieldProps extends _TextFieldProps {\n label?: string;\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nexport function ContentsTextField(\n { label, description, errorMessage, ...props }: _TextFieldProps,\n) {\n return (\n <_TextField {...props} className=\"flex flex-col w-full mb-5\">\n \n {label}\n \n \n {description && {description}}\n {errorMessage}\n \n );\n}",[],[158,176,193],{"_104":201,"_96":202,"_159":203,"_161":177,"_162":141,"_163":140,"_165":118,"_106":204,"_101":205,"_167":187,"_169":206,"_170":22,"_171":-5,"_172":207,"_99":208},"a49e3632-d6c2-11f0-a1c7-42dde27851f2","PackageContents.tsx","019b0be0-b2a6-72da-9370-b11f311608ff",["D",1765479192219],13,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n ContentsNumberField,\n} from \"./ContentsNumberField.tsx\";\nimport {\n ContentsTextField,\n} from \"./ContentsTextField.tsx\";\nimport {\n IconDeviceGamepad,\n IconDeviceIpad,\n IconDeviceLaptop,\n IconDeviceMobile,\n IconMinus,\n IconPlus,\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\ninterface PackageContentsProps {\n fields: any;\n}\n\nexport function PackageContents(\n { fields }: PackageContentsProps,\n) {\n const contentFields = fields.contents.getFieldset();\n\n return (\n

\n \n }\n label=\"Consoles\"\n name={contentFields.consoles.name}\n defaultValue={0}\n />\n }\n label=\"Laptops\"\n name={contentFields.laptops.name}\n defaultValue={0}\n />\n }\n label=\"Tablets\"\n name={contentFields.tablets.name}\n defaultValue={0}\n />\n }\n label=\"Phones\"\n name={contentFields.phones.name}\n defaultValue={0}\n />\n

\n );\n}",[],[158,176,202],[158,176],{"_104":211,"_96":212,"_159":213,"_161":160,"_162":141,"_163":214,"_165":118,"_106":215,"_101":164,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":216,"_99":251},"21a52468-d657-11f0-887f-42dde27851f2","PackageDimensions","0e650044-d657-11f0-887f-42dde27851f2",35,["D",1765433016338],[217,226,234,242],{"_104":218,"_96":219,"_159":220,"_161":213,"_162":141,"_163":140,"_165":118,"_106":221,"_101":222,"_167":187,"_169":223,"_170":22,"_171":-5,"_172":224,"_99":225},"a49e3c18-d6c2-11f0-a1c7-42dde27851f2","DimensionField.tsx","738eb40e-d659-11f0-9567-42dde27851f2",["D",1765479192219],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FieldError,\n Input,\n NumberField as _NumberField,\n NumberFieldProps as _NumberFieldProps,\n Text,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\n\ninterface NumberFieldProps extends _NumberFieldProps {\n label?: string;\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n autoFocus?: boolean;\n}\n\n\nexport function DimensionField(\n { description, errorMessage, ...props }: NumberFieldProps,\n) {\n return (\n <_NumberField {...props} className=\"flex flex-col flex-1 min-w-0\">\n \n {description && {description}}\n {errorMessage}\n \n );\n}",[],[158,212,219],{"_104":227,"_96":228,"_159":229,"_161":213,"_162":141,"_163":140,"_165":118,"_106":230,"_101":205,"_167":187,"_169":231,"_170":22,"_171":-5,"_172":232,"_99":233},"a49e41e0-d6c2-11f0-a1c7-42dde27851f2","PackageDimensions.tsx","019b0be0-b2a6-72da-9370-b463878dbccf",["D",1765479192219],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n PackageFieldLabels,\n PackageField,\n} from \"./PackageField.tsx\";\nimport {\n IconMinus,\n IconPlus,\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\n\ninterface PackageDimensionsProps {\n fields: any;\n form: any;\n}\n\nexport function PackageDimensions({\n fields,\n form,\n}: PackageDimensionsProps) {\n const packages = fields.packages.getFieldList();\n\n return (\n

\n {packages.map((p, index) => {\n const pFields = p.getFieldset();\n return (\n

\n \n

\n );\n })}\n

\n \n \n \n \n \n \n

\n );\n}",[],[158,212,228],{"_104":235,"_96":236,"_159":237,"_161":213,"_162":141,"_163":140,"_165":118,"_106":238,"_101":205,"_167":187,"_169":239,"_170":22,"_171":-5,"_172":240,"_99":241},"a49e4820-d6c2-11f0-a1c7-42dde27851f2","PackageField.tsx","4157cc0e-d655-11f0-b0f8-42dde27851f2",["D",1765479192219],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { PackageNumberField } from \"./PackageNumberField.tsx\";\nimport { DimensionField } from \"./DimensionField.tsx\";\n\nexport const PackageFieldLabels = () => {\n return (\n

\n \n Quantity\n \n \n Weight (kg)\n \n \n Dimensions (in)\n \n

\n );\n};\n\nexport const PackageField = (\n { fields, isFirst }: { fields: any; isFirst?: boolean },\n) => {\n return (\n

\n \n

\n\n

\n \n

\n\n

\n \n x\n \n x\n \n

\n );\n};",[],[158,212,236],{"_104":243,"_96":244,"_159":245,"_161":213,"_162":141,"_163":140,"_165":118,"_106":246,"_101":247,"_167":187,"_169":248,"_170":22,"_171":-5,"_172":249,"_99":250},"a49e4b36-d6c2-11f0-a1c7-42dde27851f2","PackageNumberField.tsx","b5532e92-d659-11f0-9358-42dde27851f2",["D",1765479192219],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FieldError,\n Input,\n NumberField as _NumberField,\n NumberFieldProps as _NumberFieldProps,\n Text,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\ninterface NumberFieldProps extends _NumberFieldProps {\n label?: string;\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n autoFocus?: boolean;\n}\n\nexport function PackageNumberField(\n { description, errorMessage, autoFocus, ...props }: NumberFieldProps,\n) {\n return (\n <_NumberField\n {...props}\n className=\"flex flex-col flex-1 min-w-0\"\n >\n \n {description && {description}}\n {errorMessage}\n \n );\n}",[],[158,212,244],[158,212],{"_104":253,"_96":254,"_159":255,"_161":160,"_162":141,"_163":256,"_165":118,"_106":257,"_101":164,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":258,"_99":293},"8c36ba30-d657-11f0-9bf8-42dde27851f2","PackageTrip","89e9dd52-d657-11f0-a82f-42dde27851f2",47,["D",1765433195128],[259,268,277,285],{"_104":260,"_96":261,"_159":262,"_161":255,"_162":141,"_163":140,"_165":118,"_106":263,"_101":264,"_167":187,"_169":265,"_170":22,"_171":-5,"_172":266,"_99":267},"a49e4d84-d6c2-11f0-a1c7-42dde27851f2","PackageTrip.tsx","019b0be0-b2a6-72da-9370-b8b2fe78c9e6",["D",1765479192219],21,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n IconCircleFilled,\n IconMapPinFilled,\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\nimport { PlacesTextField } from \"./PlacesTextField.tsx\";\nimport { TripMethodSegmentedControl } from \"./TripMethodSegmentedControl.tsx\";\nimport { TripTypeSegmentedControl } from \"./TripTypeSegmentedControl.tsx\";\n\ninterface PackageTripProps {\n fields: any;\n}\n\nexport function PackageTrip({ fields }: PackageTripProps) {\n const tripFields = fields.trip.getFieldset();\n const [fromSelected, setFromSelected] = useState(false);\n const [toSelected, setToSelected] = useState(false);\n\n const bothLocationsSelected = fromSelected && toSelected;\n\n return (\n

\n \n }\n placeholder=\"From\"\n onPlaceSelected={() => setFromSelected(true)}\n />\n }\n placeholder=\"To\"\n onPlaceSelected={() => setToSelected(true)}\n />\n \n

\n );\n}",[],[158,254,261],{"_104":269,"_96":270,"_159":271,"_161":255,"_162":141,"_163":140,"_165":118,"_106":272,"_101":273,"_167":187,"_169":274,"_170":22,"_171":-5,"_172":275,"_99":276},"a49e5144-d6c2-11f0-a1c7-42dde27851f2","PlacesTextField.tsx","6421b498-d673-11f0-abcb-42dde27851f2",["D",1765479192219],17,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { newHttpBatchRpcSession, RpcStub } from \"https://esm.sh/capnweb@0.2.0\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n FieldError,\n Input,\n Radio,\n RadioGroup,\n RadioGroupProps,\n Text,\n TextField as _TextField,\n TextFieldProps as _TextFieldProps,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\ninterface API {\n getPlaceSuggestions(\n input: string,\n ): Promise>;\n}\n\ninterface PlacesTextFieldProps\n extends Omit<_TextFieldProps, \"value\" | \"onChange\"> {\n description?: string;\n errorMessage?: string;\n icon?: React.ReactNode;\n onPlaceSelected?: (place: string) => void;\n}\n\nexport function PlacesTextField(\n { description, errorMessage, icon, onPlaceSelected, ...props }:\n PlacesTextFieldProps,\n) {\n const [inputValue, setInputValue] = useState(\"\");\n const [suggestions, setSuggestions] = useState<\n Array<{ description: string; placeId: string }>\n >([]);\n const [showPopover, setShowPopover] = useState(false);\n\n async function handleInputChange(value: string) {\n setInputValue(value);\n\n if (value.length < 2) {\n setSuggestions([]);\n setShowPopover(false);\n return;\n }\n\n try {\n const api: RpcStub = newHttpBatchRpcSession(\n \"https://api.smtncargo.com\",\n );\n const results = await api.getPlaceSuggestions(value);\n setSuggestions(results);\n setShowPopover(results.length > 0);\n } catch (error) {\n console.error(\"API error:\", error);\n setSuggestions([]);\n setShowPopover(false);\n }\n }\n\n function handleSelectionChange(keys: any) {\n const key = typeof keys === \"string\" ? keys : Array.from(keys)[0];\n const selected = suggestions.find((s) => s.placeId === key);\n if (selected) {\n setInputValue(selected.description);\n setShowPopover(false);\n setSuggestions([]);\n if (onPlaceSelected) {\n onPlaceSelected(selected.description);\n }\n }\n }\n\n return (\n <_TextField {...props} className=\"flex flex-col w-full my-2\" value={inputValue}>\n

\n {icon && (\n

\n {icon}\n

\n )}\n \n handleInputChange(e.target.value)}\n />\n {showPopover && suggestions.length > 0 && (\n

\n {suggestions.map((suggestion) => (\n {\n setInputValue(suggestion.description);\n setShowPopover(false);\n setSuggestions([]);\n if (onPlaceSelected) {\n onPlaceSelected(suggestion.description);\n }\n }}\n >\n {suggestion.description}\n

\n ))}\n

\n )}\n \n {description && {description}}\n {errorMessage}\n \n );\n}",[],[158,254,270],{"_104":278,"_96":279,"_159":280,"_161":255,"_162":141,"_163":140,"_165":118,"_106":281,"_101":196,"_167":187,"_169":282,"_170":22,"_171":-5,"_172":283,"_99":284},"a49e590a-d6c2-11f0-a1c7-42dde27851f2","TripMethodSegmentedControl.tsx","c31c3f82-d677-11f0-b7dc-42dde27851f2",["D",1765479192219],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FieldError,\n Radio,\n RadioGroup,\n RadioGroupProps as _RadioGroupProps,\n Text,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\ninterface RadioGroupProps extends Omit<_RadioGroupProps, \"children\"> {\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n disabled?: boolean;\n}\n\nexport function TripMethodSegmentedControl({\n description,\n errorMessage,\n disabled = false,\n ...props\n}: RadioGroupProps) {\n return (\n \n

\n \n $\"airplane-front-view\"$ \n Smtn Air\n 1-3 days\n \n \n $\"water-transportation\"$ \n Smtn Freight\n 15-30 days\n \n \n $\"pickup-front-view\"$ \n Smtn Courier\n 2-7 days\n \n

\n {description && (\n \n {description}\n \n )}\n \n {errorMessage}\n \n \n );\n}",[],[158,254,279],{"_104":286,"_96":287,"_159":288,"_161":255,"_162":141,"_163":140,"_165":118,"_106":289,"_101":273,"_167":187,"_169":290,"_170":22,"_171":-5,"_172":291,"_99":292},"a49e60f8-d6c2-11f0-a1c7-42dde27851f2","TripTypeSegmentedControl.tsx","488d7aae-d66f-11f0-bdec-42dde27851f2",["D",1765479192219],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FieldError,\n Radio,\n RadioGroup,\n RadioGroupProps as _RadioGroupProps,\n Text,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\n\ninterface RadioGroupProps extends Omit {\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nexport function TripTypeSegmentedControl({\n description,\n errorMessage,\n ...props\n}: RadioGroupProps) {\n return (\n \n

\n \n Drop Off\n \n \n Pick Up\n \n

\n {description && (\n \n {description}\n \n )}\n \n {errorMessage}\n \n \n );\n}",[],[158,254,287],[158,254],{"_104":295,"_96":296,"_159":297,"_161":160,"_162":141,"_163":164,"_165":118,"_106":298,"_101":32,"_167":187,"_169":299,"_170":22,"_171":-5,"_172":300,"_99":301},"0cc5dd6c-d652-11f0-8c8c-42dde27851f2","Drawer.tsx","019b0be0-b2a6-72da-9370-ad982b679b68",["D",1765430833792],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Drawer } from \"https://esm.sh/vaul?deps=react@18.2.0\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function VaulDrawer({ trigger, title, content }: {\n trigger: React.JSX.Element;\n title: string;\n content: (\n setOpen: React.Dispatch>,\n ) => React.JSX.Element;\n}) {\n const [open, setOpen] = useState(false);\n\n return (\n \n \n {trigger}\n \n \n <>\n \n \n

\n \n \n {title}\n \n {content(setOpen)}\n

\n \n \n \n \n );\n}",[],[158,296],{"_104":303,"_96":304,"_159":305,"_161":160,"_162":141,"_163":140,"_165":118,"_106":306,"_101":307,"_167":187,"_169":308,"_170":22,"_171":-5,"_172":309,"_99":310},"a49e172e-d6c2-11f0-a1c7-42dde27851f2","SendPackage.tsx","019b0be0-b2a6-72da-9370-becf93f00ae9",["D",1765479192219],27,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useForm } from \"https://esm.sh/@conform-to/react@1.2.2?deps=react@18.2.0\";\nimport { parseWithZod } from \"https://esm.sh/@conform-to/zod@1.2.2?deps=react@18.2.0,zod@3.24.1\";\nimport { z } from \"https://esm.sh/zod@3.24.1?deps=react@18.2.0\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { PackageDimensions } from \"./PackageDimensions/PackageDimensions.tsx\";\nimport { PackageContents } from \"./PackageContents/PackageContents.tsx\";\nimport { PackageTrip } from \"./PackageTrip/PackageTrip.tsx\";\n\nconst schema = z.object({\n packages: z.array(\n z.object({\n quantity: z.coerce.number().min(1),\n weight: z.coerce.number().min(1),\n height: z.coerce.number().min(1),\n width: z.coerce.number().min(1),\n length: z.coerce.number().min(1),\n }),\n ),\n contents: z.object({\n description: z.coerce.string().min(0),\n consoles: z.coerce.number().min(0),\n phones: z.coerce.number().min(0),\n tablets: z.coerce.number().min(0),\n laptops: z.coerce.number().min(0),\n }),\n trip: z.object({\n from: z.string().min(1, \"Origin location is required\"),\n to: z.string().min(1, \"Destination location is required\"),\n method: z.enum([\"air\", \"ocean\", \"road\"]).default(\"air\"),\n }),\n deliveryType: z.enum([\"dropoff\", \"pickup\"]).default(\"dropoff\"),\n});\n\nexport function SendPackage() {\n const [form, fields] = useForm({\n shouldValidate: \"onBlur\",\n defaultValue: {\n packages: [{ quantity: 1, weight: 1, height: 1, width: 1, length: 1 }],\n contents: {\n description: \"\",\n consoles: 0,\n phones: 0,\n tablets: 0,\n laptops: 0,\n },\n trip: {\n from: \"\",\n to: \"\",\n method: \"air\",\n },\n deliveryType: \"dropoff\",\n },\n onValidate({ formData }) {\n return parseWithZod(formData, { schema });\n },\n async onSubmit(event, { submission }) {\n console.log(\"Data:\", submission?.value);\n event.preventDefault();\n if (submission?.status === \"success\") {\n console.log(\"Final Valid Data:\", submission.value);\n }\n },\n });\n\n return (\n \n \n \n \n \n );\n}\n\nexport default SendPackage;",[],[158,304],[158],{"_104":313,"_96":314,"_159":315,"_161":-5,"_162":141,"_163":164,"_165":118,"_106":316,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":317,"_99":333},"0cc609ae-d652-11f0-8c8c-42dde27851f2","routes","019b0be0-b2a6-72da-9370-d52341f3d2eb",["D",1765430833792],[318,326],{"_104":319,"_96":320,"_159":321,"_161":315,"_162":141,"_163":140,"_165":118,"_106":322,"_101":214,"_167":187,"_169":323,"_170":22,"_171":-5,"_172":324,"_99":325},"a49e2368-d6c2-11f0-a1c7-42dde27851f2","_index.tsx","019b0be0-b2a6-72da-9370-cfe11d2e84dd",["D",1765479192219],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { db } from \"../instant.ts\";\nimport { useForm } from \"https://esm.sh/@conform-to/react@1.2.2?deps=react@18.2.0\";\nimport { parseWithZod } from \"https://esm.sh/@conform-to/zod@1.2.2?deps=react@18.2.0,zod@3.24.1\";\nimport { z } from \"https://esm.sh/zod@3.24.1?deps=react@18.2.0\";\nimport { PackageDimensions } from \"../components/PackageDimensions/PackageDimensions.tsx\";\nimport { PackageContents } from \"../components/PackageContents/PackageContents.tsx\";\nimport { PackageTrip } from \"../components/PackageTrip/PackageTrip.tsx\";\nimport {\n IconHelp\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\n\nconst schema = z.object({\n packages: z.array(\n z.object({\n quantity: z.coerce.number().min(1),\n weight: z.coerce.number().min(1),\n height: z.coerce.number().min(1),\n width: z.coerce.number().min(1),\n length: z.coerce.number().min(1),\n }),\n ),\n contents: z.object({\n description: z.coerce.string().min(0),\n consoles: z.coerce.number().min(0),\n phones: z.coerce.number().min(0),\n tablets: z.coerce.number().min(0),\n laptops: z.coerce.number().min(0),\n }),\n trip: z.object({\n from: z.string().min(1, \"Origin location is required\"),\n to: z.string().min(1, \"Destination location is required\"),\n method: z.enum([\"air\", \"ocean\", \"road\"]).default(\"air\"),\n }),\n deliveryType: z.enum([\"dropoff\", \"pickup\"]).default(\"dropoff\"),\n});\n\nexport const Index = () => {\n const device = db.useLocalId(\"device\");\n\n const { isLoading, error, data } = db.useQuery({\n activities: {},\n devices: {\n $: {\n where: {\n id: device || \"\",\n },\n },\n users: {},\n },\n });\n\n const [form, fields] = useForm({\n shouldValidate: \"onBlur\",\n defaultValue: {\n packages: [{ quantity: 1, weight: 1, height: 1, width: 1, length: 1 }],\n contents: {\n description: \"\",\n consoles: 0,\n phones: 0,\n tablets: 0,\n laptops: 0,\n },\n trip: {\n from: \"\",\n to: \"\",\n method: \"air\",\n type: \"dropoff\",\n },\n },\n onValidate({ formData }) {\n return parseWithZod(formData, { schema });\n },\n async onSubmit(event, { submission }) {\n console.log(\"Data:\", submission?.value);\n event.preventDefault();\n if (submission?.status === \"success\") {\n console.log(\"Final Valid Data:\", submission.value);\n }\n },\n });\n\n if (isLoading) {\n return (\n

\n );\n }\n\n if (error) return

An error occurred, please try again later

;\n\n const { activities, devices } = data;\n\n console.log(device);\n\n return (\n

\n \n

\n $\"Smtn$ \n \n

\n \n \n \n \n Submit\n \n \n \n

\n );\n};\n\nexport default Index;",[],[314,320],{"_104":327,"_96":328,"_159":329,"_161":315,"_162":141,"_163":164,"_165":118,"_106":330,"_101":32,"_167":187,"_169":73,"_170":22,"_171":-5,"_172":331,"_99":332},"0cc604b8-d652-11f0-8c8c-42dde27851f2","track.tsx","019b0be0-b2a6-72da-9370-d294d807b031",["D",1765430833792],[],[314,328],[314],{"_104":335,"_96":336,"_159":116,"_161":-5,"_162":141,"_163":140,"_165":118,"_106":337,"_101":338,"_167":339,"_169":340,"_170":22,"_171":-5,"_172":341,"_99":342},"a49e1ecc-d6c2-11f0-a1c7-42dde27851f2","index.tsx",["D",1765479192219],2,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono?bundle-deps&deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n BrowserRouter,\n Route,\n Routes,\n} from \"https://esm.sh/react-router?deps=react@18.2.0\";\n\nimport Index from \"./routes/_index.tsx\";\n\n/* -----------------------------\n * APP (Used by both server + client)\n * ----------------------------- */\nconst App = () => {\n if (typeof window === \"undefined\") {\n return (\n

\n );\n }\n\n return (\n \n \n } />\n } />\n } />\n \n \n );\n};\n\n/* -----------------------------\n * CLIENT ENTRY\n * ----------------------------- */\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n/* -----------------------------\n * SERVER SSR\n * ----------------------------- */\n\nconst app = new Hono();\n\nconst renderPage = () => {\n const html = renderToString(\n \n \n \n \n Smtn International\n \n \n \n \n \n

\n \n \n \n

\n \n \n ,\n );\n\n return \"\" + html;\n};\n\napp.get(\"*\", (c) => {\n return c.html(renderPage());\n});\n\nexport default app.fetch;",[],[336],{"_104":344,"_96":345,"_159":346,"_161":-5,"_162":141,"_163":164,"_165":118,"_106":347,"_101":32,"_167":187,"_169":348,"_170":22,"_171":-5,"_172":349,"_99":350},"0cc60efe-d652-11f0-8c8c-42dde27851f2","instant.ts","019b0be0-b2a6-72da-9370-dfbd90a3f723",["D",1765430833792],"import { init } from \"https://esm.sh/@instantdb/react@0.22.48?bundle-deps&deps=react@18.2.0\";\n\nexport const db = typeof window === \"undefined\"\n ? null\n : init({ appId: \"2a62eb11-26ea-4b7a-aa6e-70213070d39d\" });",[],[345],"files",[156,174,181,191,200,210,217,226,234,242,252,259,268,277,285,294,302,312,318,326,334,343],"counts",{"_355":32,"_356":164,"_357":32,"_358":359},"pulls","branches","forks","envVars",{"_360":32,"_361":32},"count","emptyCount","contents",[],"file",{"_104":218,"_162":141,"_159":220,"_96":219,"_169":223,"_167":187,"_101":222,"_161":213,"_106":366,"_163":140,"_171":-5,"_99":367},["D",1765479192219],[158,212,219],"upstreamProject","upstreamBranch",{"_104":144,"_106":371,"_372":373,"_96":44,"_142":149,"_101":374,"_143":375,"_145":376,"_377":378,"_108":-5,"_153":22,"_110":111,"_152":95,"_16":122,"_151":379},["D",1763169404921],"updatedAt",["D",1765974134337],1777,"03486586-c174-11f0-ab67-42dde27851f2",83,"lockfileKey","1766711680737-esm.town_v_vawogbemi_smtn@1777-main","smtn","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":386,"_364":391,"_394":395,"_444":445,"_457":-7,"_458":32,"_459":22},{"_104":105,"_96":97,"_106":387,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":388,"_135":389,"_138":390,"_153":22},["D",1765430833792],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":144,"_145":146,"_147":111,"_148":149,"_150":122,"_151":97,"_152":95},{"_104":218,"_96":219,"_159":220,"_161":213,"_162":141,"_163":140,"_165":118,"_106":392,"_101":222,"_167":187,"_169":223,"_170":22,"_171":-5,"_99":393},["D",1765479192219],[158,212,219],"history",[396,398,403,409,414,419,425,429,434,439],{"_104":218,"_162":141,"_159":220,"_96":219,"_169":223,"_167":187,"_101":222,"_161":213,"_106":397,"_163":140,"_171":-5},["D",1765479192219],{"_104":399,"_162":141,"_159":220,"_96":219,"_169":223,"_167":187,"_101":400,"_161":213,"_106":401,"_163":402,"_171":-5},"ef9a5698-d659-11f0-ad29-42dde27851f2",8,["D",1765434220872],63,{"_104":404,"_162":141,"_159":220,"_96":219,"_169":405,"_167":187,"_101":406,"_161":213,"_106":407,"_163":408,"_171":-5},"e8834d56-d659-11f0-955d-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FieldError,\n Group,\n Input,\n Label,\n NumberField as _NumberField,\n NumberFieldProps as _NumberFieldProps,\n Text,\n ValidationResult,\n} from \"https://esm.sh/react-aria-components?bundle-deps&deps=react@18.2.0\";\nimport {\n IconMinus,\n IconPlus,\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\n\ninterface NumberFieldProps extends _NumberFieldProps {\n label?: string;\n description?: string;\n errorMessage?: string | ((validation: ValidationResult) => string);\n autoFocus?: boolean;\n}\n\n\nexport function DimensionField(\n { description, errorMessage, ...props }: NumberFieldProps,\n) {\n return (\n <_NumberField {...props} className=\"flex flex-col flex-1 min-w-0\">\n \n {description && {description}}\n {errorMessage}\n \n );\n}",7,["D",1765434208976],62,{"_104":410,"_162":141,"_159":220,"_96":219,"_169":73,"_167":187,"_101":411,"_161":213,"_106":412,"_163":413,"_171":-5},"aa2f2cb4-d659-11f0-ad29-42dde27851f2",6,["D",1765434104407],58,{"_104":415,"_162":141,"_159":220,"_96":219,"_169":73,"_167":364,"_101":416,"_161":213,"_106":417,"_163":418,"_171":-5},"aa2be3f6-d659-11f0-ad29-42dde27851f2",5,["D",1765434104384],57,{"_104":420,"_162":141,"_159":220,"_96":421,"_169":73,"_167":364,"_101":422,"_161":213,"_106":423,"_163":424,"_171":-5},"9f557050-d659-11f0-8e82-42dde27851f2","DimensionField.tsxx",4,["D",1765434086198],56,{"_104":426,"_162":141,"_159":220,"_96":421,"_169":73,"_167":187,"_101":247,"_161":213,"_106":427,"_163":428,"_171":-5},"9f4fe392-d659-11f0-8e82-42dde27851f2",["D",1765434086150],55,{"_104":430,"_162":141,"_159":220,"_96":431,"_169":73,"_167":187,"_101":338,"_161":213,"_106":432,"_163":433,"_171":-5},"8bf6d6ca-d659-11f0-acf6-42dde27851f2","PackageDimensionsField.ts",["D",1765434053705],54,{"_104":435,"_162":141,"_159":220,"_96":436,"_169":73,"_167":187,"_101":164,"_161":213,"_106":437,"_163":438,"_171":-5},"78af3170-d659-11f0-a171-42dde27851f2","PackageT.ts",["D",1765434021353],53,{"_104":440,"_162":141,"_159":220,"_96":441,"_169":73,"_167":187,"_101":32,"_161":213,"_106":442,"_163":443,"_171":-5},"738eb224-d659-11f0-9567-42dde27851f2","new-file-4815.ts",["D",1765434012753],52,"versions",[446,448,449,450,451,452,453,454,455,456],{"_364":396,"_447":398},"previous",{"_364":398,"_447":403},{"_364":403,"_447":409},{"_364":409,"_447":414},{"_364":414,"_447":419},{"_364":419,"_447":425},{"_364":425,"_447":429},{"_364":429,"_447":434},{"_364":434,"_447":439},{"_364":439,"_447":-5},"versionNumber","page","hasNext","actionData","errors"]

vawogbemi

smtnLite

History for DimensionField.tsx