@joinskips/brand 9.0.0-develop.147 → 9.0.0-develop.149

package/chat/ui/index.d.ts

@@ -2,4 +2,3 @@ export { Conversation, type ConversationProps, type LoadState } from './Conversa
 export { Bubble, type BubbleProps } from './Bubble.tsx';
 export type { ChatIcon, ChatIconName, ChatWords } from './parts.ts';
 export { Choices, CodeStep, EmailStep, NameStep, Pill, SkipTyping, WelcomeChoice, type PillProps, type WelcomeWords, } from './Welcome.tsx';
-export { MedicationCheck, STOPPED_REASON_MAX_LENGTH, type CheckInWords, type MedicationAnswer, type MedicationCheckProps, } from './CheckIn.tsx';

package/chat/ui/index.js

@@ -1,4 +1,3 @@
 export { Conversation } from "./Conversation.js";
 export { Bubble } from "./Bubble.js";
 export { Choices, CodeStep, EmailStep, NameStep, Pill, SkipTyping, WelcomeChoice, } from "./Welcome.js";
-export { MedicationCheck, STOPPED_REASON_MAX_LENGTH, } from "./CheckIn.js";

package/chat/ui/parts.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
 /** The icons the chat draws, from the brand's interface icons, which each app already draws. */
-export type ChatIconName = 'attach' | 'arrow-right' | 'file' | 'close' | 'thumbs-up' | 'repeat' | 'copy-plus';
+export type ChatIconName = 'attach' | 'arrow-right' | 'file' | 'close';
 export interface ChatIconProps {
     name: ChatIconName;
     color: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joinskips/brand",
-  "version": "9.0.0-develop.147",
+  "version": "9.0.0-develop.149",
   "description": "Skips design tokens, Onest, logos, favicons, interface icons, member pictures and app icons.",
   "license": "UNLICENSED",
   "homepage": "https://brand.joinskips.com",
@@ -25,6 +25,14 @@
       "types": "./chat/helpers/index.d.ts",
       "default": "./chat/helpers/index.js"
     },
+    "./chat/chat": {
+      "types": "./chat/chat/index.d.ts",
+      "default": "./chat/chat/index.js"
+    },
+    "./chat/connection": {
+      "types": "./chat/chat/connection.d.ts",
+      "default": "./chat/chat/connection.js"
+    },
     "./ui": {
       "types": "./ui/index.d.ts",
       "default": "./ui/index.js"

package/chat/ui/CheckIn.d.ts

@@ -1,25 +0,0 @@
-import { type ChatIcon } from './parts.ts';
-/** What a person says about one of their current medications. */
-export type MedicationAnswer = 'taking' | 'refill' | 'reorder' | 'stopped';
-/** Every word the medication check-in shows, which the app passes in. */
-export interface CheckInWords {
-    taking: string;
-    refill: string;
-    reorder: string;
-    stopped: string;
-    whyStopped: string;
-}
-export declare const STOPPED_REASON_MAX_LENGTH = 500;
-export interface MedicationCheckProps {
-    name: string;
-    directions: string;
-    refillable: boolean;
-    answer: MedicationAnswer | null;
-    reason: string;
-    words: CheckInWords;
-    Icon: ChatIcon;
-    onAnswer: (answer: MedicationAnswer) => void;
-    onReason: (reason: string) => void;
-}
-/** One current medication in the check-in: still taking, a refill or re-order, or stopped and why. */
-export declare function MedicationCheck({ name, directions, refillable, answer, reason, words, Icon, onAnswer, onReason, }: MedicationCheckProps): import("react").JSX.Element;

package/chat/ui/CheckIn.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, Text, TextInput, View } from 'react-native';
-import { useColor } from "./parts.js";
-export const STOPPED_REASON_MAX_LENGTH = 500;
-const ICONS = {
-    taking: 'thumbs-up',
-    refill: 'repeat',
-    reorder: 'copy-plus',
-    stopped: 'close',
-};
-const ICON_SIZE = 24;
-/** One current medication in the check-in: still taking, a refill or re-order, or stopped and why. */
-export function MedicationCheck({ name, directions, refillable, answer, reason, words, Icon, onAnswer, onReason, }) {
-    const ink = useColor('ink');
-    const accentInk = useColor('accent-ink');
-    const placeholder = useColor('ink-placeholder');
-    const answers = ['taking', refillable ? 'refill' : 'reorder', 'stopped'];
-    return (_jsxs(View, { className: "w-80 max-w-full gap-3.5 rounded-[20px] border border-line-subtle bg-surface p-4", children: [_jsxs(View, { className: "gap-0.5", children: [_jsx(Text, { className: "font-ui text-md font-semibold text-ink", children: name }), _jsx(Text, { className: "font-ui text-sm text-ink-secondary", children: directions })] }), _jsx(View, { role: "radiogroup", accessibilityLabel: name, className: "flex-row", children: answers.map((each) => {
-                    const picked = answer === each;
-                    return (_jsxs(Pressable, { role: "radio", "aria-checked": picked, accessibilityLabel: words[each], onPress: () => {
-                            onAnswer(each);
-                        }, className: "flex-1 items-center gap-1.5", children: [_jsx(View, { className: `h-[52px] w-[52px] items-center justify-center rounded-pill border ${picked ? 'border-accent bg-accent' : 'border-line-control bg-surface'}`, children: _jsx(Icon, { name: ICONS[each], color: picked ? accentInk : ink, size: ICON_SIZE }) }), _jsx(Text, { className: "text-center font-ui text-xs font-semibold text-ink", children: words[each] })] }, each));
-                }) }), answer === 'stopped' ? (_jsx(TextInput, { value: reason, onChangeText: onReason, accessibilityLabel: words.whyStopped, placeholder: words.whyStopped, placeholderTextColor: placeholder, multiline: true, maxLength: STOPPED_REASON_MAX_LENGTH, className: "min-h-20 rounded-control border border-line-control bg-surface px-3 py-2 font-ui text-md text-ink" })) : null] }));
-}