@ezpg/app-ui 0.0.0-stage → 0.2.0

package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Text } from "../../components/text/text.js";
+import { PressableBase } from "../../internal/pressable-base.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[2]
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: t.space[3],
+    padding: t.space[3],
+    borderRadius: t.radius.md,
+    borderWidth: 1,
+    borderColor: t.colors.border,
+    backgroundColor: t.colors.background
+  },
+  selected: {
+    borderColor: t.colors.primary,
+    borderWidth: 2,
+    padding: t.space[3] - 1
+  },
+  radio: {
+    width: 18,
+    height: 18,
+    marginTop: 2,
+    borderRadius: 9,
+    borderWidth: 2,
+    borderColor: t.colors.border,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  radioOn: {
+    borderColor: t.colors.primary
+  },
+  radioDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: t.colors.primary
+  },
+  body: {
+    flex: 1,
+    gap: t.space[2]
+  },
+  meta: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[2]
+  },
+  start: {
+    alignSelf: 'flex-start'
+  },
+  conflict: {
+    gap: t.space[2],
+    padding: t.space[3],
+    borderRadius: t.radius.md,
+    backgroundColor: t.colors.muted
+  }
+}));
+export function CopyVariantPicker({
+  label,
+  variants,
+  selectedId,
+  onSelect,
+  onToggleLock,
+  conflict,
+  onReload,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsx(Text, {
+      weight: "semibold",
+      children: label
+    }), conflict ? /*#__PURE__*/_jsxs(View, {
+      style: s.conflict,
+      accessibilityLiveRegion: "polite",
+      children: [/*#__PURE__*/_jsx(Text, {
+        tone: "destructive",
+        children: "\uB2E4\uB978 \uAE30\uAE30\uC5D0\uC11C \uBA3C\uC800 \uC218\uC815\uD588\uC5B4\uC694."
+      }), onReload ? /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        variant: "outline",
+        onPress: onReload,
+        style: s.start,
+        children: "\uCD5C\uC2E0 \uB0B4\uC6A9 \uBD88\uB7EC\uC624\uAE30"
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "radiogroup",
+      style: s.root,
+      children: variants.map(v => {
+        const selected = v.id === selectedId;
+        return /*#__PURE__*/_jsxs(PressableBase, {
+          accessibilityRole: "radio",
+          accessibilityState: {
+            selected
+          },
+          accessibilityLabel: v.text,
+          pressedStyle: {
+            backgroundColor: t.colors.muted
+          },
+          onPress: () => onSelect(v.id),
+          style: [s.item, selected && s.selected],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [s.radio, selected && s.radioOn],
+            children: selected ? /*#__PURE__*/_jsx(View, {
+              style: s.radioDot
+            }) : null
+          }), /*#__PURE__*/_jsxs(View, {
+            style: s.body,
+            children: [/*#__PURE__*/_jsx(Text, {
+              children: v.text
+            }), v.locked || onToggleLock ? /*#__PURE__*/_jsx(View, {
+              style: s.meta,
+              children: onToggleLock ? /*#__PURE__*/_jsx(Button, {
+                size: "sm",
+                variant: "ghost",
+                onPress: () => onToggleLock(v.id),
+                children: v.locked ? '잠금 해제' : '잠그기'
+              }) : /*#__PURE__*/_jsx(Text, {
+                tone: "muted",
+                children: "\uC7A0\uAE40"
+              })
+            }) : null]
+          })]
+        }, v.id);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=copy-variant-picker.js.map

package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Text","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","gap","space","item","flexDirection","alignItems","padding","borderRadius","radius","md","borderWidth","borderColor","colors","border","backgroundColor","background","selected","primary","radio","width","height","marginTop","justifyContent","radioOn","radioDot","body","flex","meta","start","alignSelf","conflict","muted","CopyVariantPicker","label","variants","selectedId","onSelect","onToggleLock","onReload","style","s","children","weight","accessibilityLiveRegion","tone","size","variant","onPress","accessibilityRole","map","v","id","accessibilityState","accessibilityLabel","text","pressedStyle","locked"],"sourceRoot":"../../../../src","sources":["blocks/copy-variant-picker/copy-variant-picker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/copy-variant-picker/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { CopyVariantPicker } from "./copy-variant-picker.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/copy-variant-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CopyVariantPicker"],"sourceRoot":"../../../../src","sources":["blocks/copy-variant-picker/index.ts"],"mappings":";;AAAA,SACEA,iBAAiB,QAGZ,0BAAuB","ignoreList":[]}

package/lib/module/blocks/credit-wallet/credit-wallet.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { formatPrice } from "../../components/price/price.js";
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { Card } from "../internal/card.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[3]
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    justifyContent: 'space-between'
+  },
+  expiring: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: 44,
+    paddingHorizontal: t.space[3],
+    borderRadius: t.radius.md,
+    backgroundColor: `${t.colors.warning}24`
+  },
+  meter: {
+    height: 6,
+    borderRadius: t.radius.full,
+    backgroundColor: t.colors.muted,
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    backgroundColor: t.colors.primary
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: t.space[2]
+  },
+  action: {
+    flex: 1
+  }
+}));
+export function CreditWallet({
+  balance,
+  expiring,
+  todayUsed,
+  dailyLimit,
+  onBuy,
+  onHistory,
+  style
+}) {
+  const s = useStyles();
+  const ratio = dailyLimit === null ? 0 : dailyLimit > 0 ? Math.min(1, todayUsed / dailyLimit) : 1;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsxs(Card, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.row,
+        children: [/*#__PURE__*/_jsx(Text, {
+          weight: "semibold",
+          children: "\uBCF4\uC720 \uD06C\uB808\uB527"
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "display",
+          children: formatPrice(balance, '')
+        })]
+      }), expiring !== undefined && expiring > 0 ? /*#__PURE__*/_jsxs(View, {
+        style: s.expiring,
+        children: [/*#__PURE__*/_jsx(Text, {
+          children: "\uC774\uBC88 \uB2EC \uC18C\uBA78"
+        }), /*#__PURE__*/_jsxs(Text, {
+          weight: "bold",
+          children: [formatPrice(expiring, ''), "\uAC1C"]
+        })]
+      }) : null, onBuy || onHistory ? /*#__PURE__*/_jsxs(View, {
+        style: s.actions,
+        children: [onHistory ? /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          style: s.action,
+          onPress: onHistory,
+          children: "\uB0B4\uC5ED"
+        }) : null, onBuy ? /*#__PURE__*/_jsx(Button, {
+          style: s.action,
+          onPress: onBuy,
+          children: "\uCDA9\uC804"
+        }) : null]
+      }) : null]
+    }), /*#__PURE__*/_jsxs(Card, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.row,
+        children: [/*#__PURE__*/_jsx(Text, {
+          weight: "semibold",
+          children: "\uC624\uB298 \uC0DD\uC131"
+        }), /*#__PURE__*/_jsxs(Text, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            weight: "bold",
+            children: todayUsed
+          }), " /", ' ', dailyLimit === null ? '무제한' : dailyLimit]
+        })]
+      }), dailyLimit === null ? null : /*#__PURE__*/_jsx(View, {
+        accessible: true,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: "\uC624\uB298 \uC0DD\uC131",
+        accessibilityValue: {
+          min: 0,
+          max: dailyLimit,
+          now: todayUsed
+        },
+        style: s.meter,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [s.fill, {
+            width: `${ratio * 100}%`
+          }]
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=credit-wallet.js.map

package/lib/module/blocks/credit-wallet/credit-wallet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","formatPrice","Text","makeStyles","Card","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","gap","space","row","flexDirection","alignItems","justifyContent","expiring","minHeight","paddingHorizontal","borderRadius","radius","md","backgroundColor","colors","warning","meter","height","full","muted","overflow","fill","primary","actions","action","flex","CreditWallet","balance","todayUsed","dailyLimit","onBuy","onHistory","style","s","ratio","Math","min","children","weight","variant","undefined","onPress","accessible","accessibilityRole","accessibilityLabel","accessibilityValue","max","now","width"],"sourceRoot":"../../../../src","sources":["blocks/credit-wallet/credit-wallet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/credit-wallet/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { CreditWallet } from "./credit-wallet.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/credit-wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CreditWallet"],"sourceRoot":"../../../../src","sources":["blocks/credit-wallet/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgC,oBAAiB","ignoreList":[]}

package/lib/module/blocks/generation-progress/generation-progress.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import { ActivityIndicator, View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Text } from "../../components/text/text.js";
+import { AlertGlyph, CheckGlyph } from "../../internal/glyphs.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { makeStyles } from "../../utils/styles.js";
+import { Card } from "../internal/card.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HEADLINE = {
+  queued: '접수했어요. 곧 시작해요',
+  running: '만들고 있어요',
+  done: '다 만들었어요',
+  failed: '만들지 못했어요'
+};
+const STATE_LABEL = {
+  done: '완료',
+  active: '진행 중',
+  waiting: '대기 중',
+  pending: '대기',
+  failed: '실패'
+};
+const DOT = 24;
+const useStyles = makeStyles(t => ({
+  list: {
+    gap: t.space[3]
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[3]
+  },
+  label: {
+    flex: 1
+  },
+  dot: {
+    width: DOT,
+    height: DOT,
+    borderRadius: DOT / 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  doneDot: {
+    backgroundColor: t.colors.primary
+  },
+  pendingDot: {
+    borderWidth: 2,
+    borderColor: t.colors.input
+  },
+  waitingDot: {
+    borderWidth: 2,
+    borderColor: t.colors.primary
+  },
+  start: {
+    alignSelf: 'flex-start'
+  }
+}));
+function stepState(index, currentIndex, status) {
+  if (status === 'done') return 'done';
+  if (currentIndex < 0) return 'pending';
+  if (index < currentIndex) return 'done';
+  if (index > currentIndex) return 'pending';
+  if (status === 'failed') return 'failed';
+  return status === 'running' ? 'active' : 'waiting';
+}
+export function GenerationProgress({
+  steps,
+  current,
+  status,
+  errorText,
+  onRetry,
+  creditNote,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  const currentIndex = current === null ? -1 : steps.findIndex(step => step.key === current);
+  const indicator = state => {
+    switch (state) {
+      case 'done':
+        return /*#__PURE__*/_jsx(View, {
+          style: [s.dot, s.doneDot],
+          children: /*#__PURE__*/_jsx(CheckGlyph, {
+            color: t.colors.primaryForeground,
+            size: 14
+          })
+        });
+      case 'active':
+        return /*#__PURE__*/_jsx(View, {
+          style: s.dot,
+          children: /*#__PURE__*/_jsx(ActivityIndicator, {
+            size: "small",
+            color: t.colors.primary
+          })
+        });
+      case 'failed':
+        return /*#__PURE__*/_jsx(View, {
+          style: s.dot,
+          children: /*#__PURE__*/_jsx(AlertGlyph, {
+            filled: true,
+            color: t.colors.destructive,
+            onColor: t.colors.destructiveForeground,
+            size: DOT
+          })
+        });
+      case 'waiting':
+        return /*#__PURE__*/_jsx(View, {
+          style: [s.dot, s.waitingDot]
+        });
+      default:
+        return /*#__PURE__*/_jsx(View, {
+          style: [s.dot, s.pendingDot]
+        });
+    }
+  };
+  return /*#__PURE__*/_jsxs(Card, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "bodyLg",
+      weight: "bold",
+      accessibilityRole: "header",
+      accessibilityLiveRegion: "polite",
+      children: HEADLINE[status]
+    }), /*#__PURE__*/_jsx(View, {
+      style: s.list,
+      children: steps.map((step, i) => {
+        const state = stepState(i, currentIndex, status);
+        return /*#__PURE__*/_jsxs(View, {
+          accessible: true,
+          accessibilityLabel: `${step.label}, ${STATE_LABEL[state]}`,
+          style: s.row,
+          children: [indicator(state), /*#__PURE__*/_jsx(Text, {
+            style: s.label,
+            tone: state === 'failed' ? 'destructive' : state === 'pending' ? 'muted' : 'default',
+            weight: state === 'active' || state === 'failed' ? 'semibold' : undefined,
+            children: step.label
+          })]
+        }, step.key);
+      })
+    }), status === 'failed' && errorText ? /*#__PURE__*/_jsx(Text, {
+      tone: "destructive",
+      accessibilityLiveRegion: "polite",
+      children: errorText
+    }) : null, status === 'failed' && onRetry ? /*#__PURE__*/_jsx(Button, {
+      variant: "outline",
+      onPress: onRetry,
+      style: s.start,
+      children: "\uB2E4\uC2DC \uC2DC\uB3C4"
+    }) : null, creditNote ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      tone: "muted",
+      children: creditNote
+    }) : null]
+  });
+}
+//# sourceMappingURL=generation-progress.js.map

package/lib/module/blocks/generation-progress/generation-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","View","Button","Text","AlertGlyph","CheckGlyph","useTheme","makeStyles","Card","jsx","_jsx","jsxs","_jsxs","HEADLINE","queued","running","done","failed","STATE_LABEL","active","waiting","pending","DOT","useStyles","t","list","gap","space","row","flexDirection","alignItems","label","flex","dot","width","height","borderRadius","justifyContent","doneDot","backgroundColor","colors","primary","pendingDot","borderWidth","borderColor","input","waitingDot","start","alignSelf","stepState","index","currentIndex","status","GenerationProgress","steps","current","errorText","onRetry","creditNote","style","s","findIndex","step","key","indicator","state","children","color","primaryForeground","size","filled","destructive","onColor","destructiveForeground","variant","weight","accessibilityRole","accessibilityLiveRegion","map","i","accessible","accessibilityLabel","tone","undefined","onPress"],"sourceRoot":"../../../../src","sources":["blocks/generation-progress/generation-progress.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/generation-progress/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { GenerationProgress } from "./generation-progress.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/generation-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GenerationProgress"],"sourceRoot":"../../../../src","sources":["blocks/generation-progress/index.ts"],"mappings":";;AAAA,SACEA,kBAAkB,QAIb,0BAAuB","ignoreList":[]}