@vinaverse/react-native 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/chunk-Y7P7DDHD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AskAboutRow.tsx"],"names":[],"mappings":";;;;;;;AA8BO,SAAS,YAAY,KAAA,EAAoC;AAC9D,EAAA,uBACE,GAAA,CAAC,gBAAa,MAAA,EAAQ,KAAA,CAAM,QAAQ,IAAA,EAAM,KAAA,CAAM,MAC9C,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAO,KAAA,CAAM,KAAA,EAAO,aAAa,KAAA,CAAM,WAAA,EACpD,8BAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAO,CAAA,EAClB,CAAA,EACF,CAAA;AAEJ;AAEA,SAAS,IAAI,KAAA,EAAoC;AAC/C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AACtB,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,KAAS,QAAA,EAAS;AACjD,EAAA,MAAM,IAAA,GAAO,YAAA,CAAa,CAAA,CAAE,mBAAmB,CAAC,CAAA;AAChD,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,gBAAA,EAAiB;AAEvC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAyB,IAAI,CAAA;AACvD,EAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,SAAA,EAAW,QAAA,CAAS,IAAI,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAkB,QAAA;AAAA,MAClB,kBAAA,EACE,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,EAAK,KAAA,CAAM,IAAI,CAAA,CAAA,GAAK,KAAA,CAAM,KAAA;AAAA,MAEvD,SAAS,KAAA,CAAM,OAAA;AAAA,MACf,KAAA,EAAO,CAAC,EAAE,OAAA,EAAQ,MAAO;AAAA,QACvB,aAAA,EAAe,KAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,KAAK,KAAA,CAAM,EAAA;AAAA,QACX,SAAS,KAAA,CAAM,EAAA;AAAA,QACf,cAAc,MAAA,CAAO,EAAA;AAAA,QACrB,iBAAiB,MAAA,CAAO,OAAA;AAAA,QACxB,OAAA,EAAS,UAAU,IAAA,GAAO;AAAA,OAC5B,CAAA;AAAA,MACA,MAAA,EAAO,qBAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,EAAA;AAAA,cACd,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,iBAAiB,MAAA,CAAO;AAAA,aAC1B;AAAA,YAEC,QAAA,EAAA,IAAA,mBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,CAAA,mBAEzC,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,OAAO,MAAA,CAAO,SAAA,EAAW,UAAA,EAAY,KAAA,EAAM,EACtD,QAAA,EAAA,CAAA,IAAA,CAAK,IAAA,EAAK,CAAE,CAAC,CAAA,IAAK,GAAA,EAAK,WAAA,EAAY,EACvC;AAAA;AAAA,SAEJ;AAAA,wBACA,IAAA,CAAC,QAAK,KAAA,EAAO,EAAE,MAAM,CAAA,EAAG,GAAA,EAAK,KAAA,CAAM,GAAA,EAAI,EACrC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,OAAO,MAAA,CAAO,IAAA;AAAA,gBACd,QAAA,EAAU,KAAK,IAAA,CAAK,EAAA;AAAA,gBACpB,UAAA,EAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,WACT;AAAA,UACC,MAAM,IAAA,mBACL,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,QAAA,EAAU,KAAK,IAAA,CAAK,EAAA,EAAG,EAC5D,QAAA,EAAA,KAAA,CAAM,MACT,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,QAAA,EAAU,IAAA,CAAK,IAAA,CAAK,EAAA,EAAG,EAAG,QAAA,EAAA,QAAA,EAAC;AAAA;AAAA;AAAA,GACrE;AAEJ","file":"chunk-Y7P7DDHD.js","sourcesContent":["// \"Ask the agent about this\" on one of the app's own pages (a professional's, a space's, a booking's): a row that opens\n// the agent told the place. It shows only when the agent is available, decided once per visit, so it never appears or\n// disappears while the person reads the page.\nimport { type CopyOverrides, CopyProvider, useCopy } from '@vinaverse/react';\nimport { useAgentFeatures, useAgentName } from '@vinaverse/react/agent';\nimport { type ComponentType, type ReactNode, useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport {\n  type ColorSchemeSetting,\n  type ThemeOverrides,\n  ThemeProvider,\n  useTheme,\n} from '../theme.js';\n\nexport interface AskAboutRowProps {\n  /** \"Ask Example Agent about Riley Sample\". */\n  readonly title: string;\n  readonly body?: string;\n  readonly onPress: () => void;\n  /** The app's brand mark at the row's start; default the agent name's first letter. */\n  readonly Mark?: ComponentType<{\n    readonly size: number;\n    readonly color: string;\n  }>;\n  readonly locale?: string;\n  readonly copy?: CopyOverrides;\n  readonly theme?: ThemeOverrides;\n  readonly colorScheme?: ColorSchemeSetting;\n}\n\nexport function AskAboutRow(props: AskAboutRowProps): ReactNode {\n  return (\n    <CopyProvider locale={props.locale} copy={props.copy}>\n      <ThemeProvider theme={props.theme} colorScheme={props.colorScheme}>\n        <Row {...props} />\n      </ThemeProvider>\n    </CopyProvider>\n  );\n}\n\nfunction Row(props: AskAboutRowProps): ReactNode {\n  const { t } = useCopy();\n  const { colors, radius, space, font } = useTheme();\n  const name = useAgentName(t('agentFallbackName'));\n  const { available } = useAgentFeatures();\n  // Decided once per visit: the first answer stands until the page goes.\n  const [shows, setShows] = useState<boolean | null>(null);\n  if (shows === null && available) setShows(true);\n  if (!shows) return null;\n  const { Mark } = props;\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityLabel={\n        props.body ? `${props.title}. ${props.body}` : props.title\n      }\n      onPress={props.onPress}\n      style={({ pressed }) => ({\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: space.md,\n        padding: space.md,\n        borderRadius: radius.lg,\n        backgroundColor: colors.surface,\n        opacity: pressed ? 0.85 : 1,\n      })}\n      testID=\"vinaverse-ask-about\"\n    >\n      <View\n        style={{\n          width: 36,\n          height: 36,\n          borderRadius: 18,\n          alignItems: 'center',\n          justifyContent: 'center',\n          backgroundColor: colors.primary,\n        }}\n      >\n        {Mark ? (\n          <Mark size={22} color={colors.onPrimary} />\n        ) : (\n          <Text style={{ color: colors.onPrimary, fontWeight: '600' }}>\n            {(name.trim()[0] ?? '?').toUpperCase()}\n          </Text>\n        )}\n      </View>\n      <View style={{ flex: 1, gap: space.xxs }}>\n        <Text\n          style={{\n            color: colors.text,\n            fontSize: font.size.md,\n            fontWeight: '600',\n          }}\n        >\n          {props.title}\n        </Text>\n        {props.body ? (\n          <Text style={{ color: colors.textMuted, fontSize: font.size.sm }}>\n            {props.body}\n          </Text>\n        ) : null}\n      </View>\n      <Text style={{ color: colors.textMuted, fontSize: font.size.lg }}>›</Text>\n    </Pressable>\n  );\n}\n"]}