@ezpg/app-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,123 @@
+"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 > 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]
+        })]
+      }), /*#__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/image-grid/image-grid.js

@@ -0,0 +1,273 @@
+"use strict";
+
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { Photo } from "../../components/photo/photo.js";
+import { Text } from "../../components/text/text.js";
+import { CloseGlyph } from "../../internal/glyphs.js";
+import { PressableBase } from "../../internal/pressable-base.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { makeStyles } from "../../utils/styles.js";
+import { SortableGrid, SortableHandle } from "../../sortable/sortable-grid.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ADD = {
+  id: '__add',
+  uri: ''
+};
+const RADIUS = 10;
+const useStyles = makeStyles(t => ({
+  fill: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: RADIUS
+  },
+  dim: {
+    backgroundColor: 'rgba(0, 0, 0, 0.45)'
+  },
+  light: {
+    backgroundColor: 'rgba(255, 255, 255, 0.7)'
+  },
+  cover: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    paddingVertical: 2,
+    borderBottomLeftRadius: RADIUS,
+    borderBottomRightRadius: RADIUS,
+    backgroundColor: 'rgba(0, 0, 0, 0.6)'
+  },
+  coverText: {
+    color: '#ffffff',
+    textAlign: 'center'
+  },
+  remove: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    width: 44,
+    height: 44,
+    alignItems: 'flex-end',
+    padding: t.space[1]
+  },
+  removeDot: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#262626'
+  },
+  add: {
+    aspectRatio: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2,
+    borderRadius: RADIUS,
+    borderWidth: 1,
+    borderColor: t.colors.input,
+    backgroundColor: t.colors.muted
+  },
+  count: {
+    fontSize: 13,
+    fontVariant: ['tabular-nums']
+  }
+}));
+const g = StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  column: {
+    alignItems: 'center'
+  },
+  bump: {
+    borderBottomWidth: 0
+  },
+  open: {
+    borderTopColor: 'transparent',
+    transform: [{
+      rotate: '45deg'
+    }]
+  },
+  head: {
+    position: 'absolute'
+  }
+});
+
+/** 카메라 모양. svg 없이 테두리로 그린다 */
+function CameraGlyph({
+  color,
+  size
+}) {
+  const stroke = Math.max(1.5, size / 14);
+  const line = {
+    borderWidth: stroke,
+    borderColor: color
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [g.column, {
+      width: size,
+      height: size
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [line, g.bump, {
+        width: size * 0.34,
+        height: size * 0.16,
+        marginTop: size * 0.1,
+        borderTopLeftRadius: stroke,
+        borderTopRightRadius: stroke
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [line, g.center, {
+        width: size * 0.84,
+        height: size * 0.58,
+        borderRadius: size * 0.12
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [line, {
+          width: size * 0.3,
+          height: size * 0.3,
+          borderRadius: size * 0.15
+        }]
+      })
+    })]
+  });
+}
+
+/** 다시 시도 화살표. 끊긴 원 + 화살촉 */
+function RetryGlyph({
+  color,
+  size
+}) {
+  const stroke = Math.max(2, size / 11);
+  const ring = size * 0.76;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [g.center, {
+      width: size,
+      height: size
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [g.open, {
+        width: ring,
+        height: ring,
+        borderRadius: ring / 2,
+        borderWidth: stroke,
+        borderColor: color
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [g.head, {
+        top: size * 0.08,
+        right: size * 0.1,
+        width: size * 0.3,
+        height: size * 0.3,
+        borderTopWidth: stroke,
+        borderRightWidth: stroke,
+        borderColor: color
+      }]
+    })]
+  });
+}
+
+/** 상품 사진 올리기 · 순서 바꾸기. 앱 최상단이 GestureHandlerRootView로 감싸져 있어야 한다 */
+export function ImageGrid({
+  images,
+  onImagesChange,
+  onAdd,
+  onRemove,
+  onRetry,
+  max = 10,
+  columns = 4,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  const data = onAdd ? [ADD, ...images] : [...images];
+  const canAdd = images.length < max;
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: /*#__PURE__*/_jsx(SortableGrid, {
+      data: data,
+      columns: columns,
+      gap: 10,
+      handle: true,
+      keyExtractor: img => img.id,
+      onDataChange: next => onImagesChange(next.filter(i => i !== ADD)),
+      itemLabel: img => {
+        if (img === ADD) return `사진 추가, ${max}장 중 ${images.length}장`;
+        const n = images.indexOf(img) + 1;
+        const state = img.status === 'uploading' ? ', 업로드 중' : img.status === 'failed' ? ', 업로드 실패' : '';
+        return `사진 ${n}${n === 1 ? ', 대표' : ''}${state}`;
+      },
+      renderItem: ({
+        item
+      }) => {
+        if (item === ADD) {
+          return /*#__PURE__*/_jsxs(PressableBase, {
+            accessibilityLabel: `사진 추가, ${max}장 중 ${images.length}장`,
+            disabled: !canAdd,
+            onPress: onAdd,
+            style: s.add,
+            children: [/*#__PURE__*/_jsx(CameraGlyph, {
+              color: t.colors.mutedForeground,
+              size: 24
+            }), /*#__PURE__*/_jsxs(Text, {
+              weight: "semibold",
+              style: s.count,
+              children: [images.length, "/", max]
+            })]
+          });
+        }
+        const n = images.indexOf(item) + 1;
+        return /*#__PURE__*/_jsx(SortableHandle, {
+          children: /*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(Photo, {
+              source: {
+                uri: item.uri
+              },
+              radius: RADIUS
+            }), n === 1 && !item.status ? /*#__PURE__*/_jsx(View, {
+              style: s.cover,
+              children: /*#__PURE__*/_jsx(Text, {
+                variant: "caption",
+                weight: "bold",
+                style: s.coverText,
+                children: "\uB300\uD45C"
+              })
+            }) : null, item.status === 'uploading' ? /*#__PURE__*/_jsx(View, {
+              style: [s.fill, s.dim],
+              children: /*#__PURE__*/_jsx(ActivityIndicator, {
+                color: "#ffffff"
+              })
+            }) : item.status === 'failed' ? /*#__PURE__*/_jsx(PressableBase, {
+              accessibilityLabel: `사진 ${n} 업로드 실패, 다시 시도`,
+              disabled: !onRetry,
+              onPress: () => onRetry?.(item.id),
+              style: [s.fill, s.light],
+              children: /*#__PURE__*/_jsx(RetryGlyph, {
+                color: t.colors.destructive,
+                size: 26
+              })
+            }) : null, onRemove && item.status !== 'uploading' ? /*#__PURE__*/_jsx(PressableBase, {
+              accessibilityLabel: `사진 ${n} 삭제`,
+              onPress: () => onRemove(item.id),
+              style: s.remove,
+              children: /*#__PURE__*/_jsx(View, {
+                style: s.removeDot,
+                children: /*#__PURE__*/_jsx(CloseGlyph, {
+                  color: "#ffffff",
+                  size: 12
+                })
+              })
+            }) : null]
+          })
+        });
+      }
+    })
+  });
+}
+//# sourceMappingURL=image-grid.js.map

package/lib/module/blocks/image-grid/image-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","StyleSheet","View","Photo","Text","CloseGlyph","PressableBase","useTheme","makeStyles","SortableGrid","SortableHandle","jsx","_jsx","jsxs","_jsxs","ADD","id","uri","RADIUS","useStyles","t","fill","position","top","right","bottom","left","alignItems","justifyContent","borderRadius","dim","backgroundColor","light","cover","paddingVertical","borderBottomLeftRadius","borderBottomRightRadius","coverText","color","textAlign","remove","width","height","padding","space","removeDot","add","aspectRatio","gap","borderWidth","borderColor","colors","input","muted","count","fontSize","fontVariant","g","create","center","column","bump","borderBottomWidth","open","borderTopColor","transform","rotate","head","CameraGlyph","size","stroke","Math","max","line","style","children","marginTop","borderTopLeftRadius","borderTopRightRadius","RetryGlyph","ring","borderTopWidth","borderRightWidth","ImageGrid","images","onImagesChange","onAdd","onRemove","onRetry","columns","s","data","canAdd","length","handle","keyExtractor","img","onDataChange","next","filter","i","itemLabel","n","indexOf","state","status","renderItem","item","accessibilityLabel","disabled","onPress","mutedForeground","weight","source","radius","variant","destructive"],"sourceRoot":"../../../../src","sources":["blocks/image-grid/image-grid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/image-grid/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ImageGrid } from "./image-grid.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/image-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImageGrid"],"sourceRoot":"../../../../src","sources":["blocks/image-grid/index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAA6C,iBAAc","ignoreList":[]}

package/lib/module/blocks/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+export * from "./brand-profile-card/index.js";
+export * from "./claim-row/index.js";
+export * from "./color-swatch-picker/index.js";
+export * from "./copy-variant-picker/index.js";
+export * from "./credit-wallet/index.js";
+export * from "./invoice-row/index.js";
+export * from "./logo-candidate-grid/index.js";
+export * from "./oauth-buttons/index.js";
+export * from "./order-card/index.js";
+export * from "./plan-card/index.js";
+export * from "./product-list-empty/index.js";
+export * from "./review-row/index.js";
+export * from "./service-state-banner/index.js";
+export * from "./shipping-tracking-row/index.js";
+export * from "./site-preview-frame/index.js";
+export * from "./stat-card/index.js";
+export * from "./step-screen/index.js";
+export * from "./supply-item-card/index.js";
+export { formatDeadline, formatManwon } from "./internal/format.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatDeadline","formatManwon"],"sourceRoot":"../../../src","sources":["blocks/index.tsx"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,gCAAuB;AACrC,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,+BAAsB;AACpC,cAAc,uBAAc;AAC5B,cAAc,iCAAwB;AACtC,cAAc,kCAAyB;AACvC,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,SAASA,cAAc,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}

package/lib/module/blocks/internal/card.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { View } from 'react-native';
+import { PressableBase } from "../../internal/pressable-base.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  card: {
+    gap: t.space[3],
+    padding: t.space[4],
+    borderRadius: t.radius.lg,
+    borderWidth: 1,
+    borderColor: t.colors.border,
+    backgroundColor: t.colors.background
+  },
+  pressed: {
+    backgroundColor: t.colors.muted
+  }
+}));
+
+/** blocks 공용 카드 틀. onPress가 있으면 누를 수 있다 */
+export function Card({
+  children,
+  onPress,
+  accessibilityLabel,
+  style
+}) {
+  const s = useStyles();
+  if (!onPress) return /*#__PURE__*/_jsx(View, {
+    style: [s.card, style],
+    children: children
+  });
+  return /*#__PURE__*/_jsx(PressableBase, {
+    onPress: onPress,
+    accessibilityLabel: accessibilityLabel,
+    pressedStyle: s.pressed,
+    style: [s.card, style],
+    children: children
+  });
+}
+//# sourceMappingURL=card.js.map

package/lib/module/blocks/internal/card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","PressableBase","makeStyles","jsx","_jsx","useStyles","t","card","gap","space","padding","borderRadius","radius","lg","borderWidth","borderColor","colors","border","backgroundColor","background","pressed","muted","Card","children","onPress","accessibilityLabel","style","s","pressedStyle"],"sourceRoot":"../../../../src","sources":["blocks/internal/card.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,SAAS,GAAGH,UAAU,CAAEI,CAAC,KAAM;EACnCC,IAAI,EAAE;IACJC,GAAG,EAAEF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;IACfC,OAAO,EAAEJ,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;IACnBE,YAAY,EAAEL,CAAC,CAACM,MAAM,CAACC,EAAE;IACzBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAET,CAAC,CAACU,MAAM,CAACC,MAAM;IAC5BC,eAAe,EAAEZ,CAAC,CAACU,MAAM,CAACG;EAC5B,CAAC;EACDC,OAAO,EAAE;IAAEF,eAAe,EAAEZ,CAAC,CAACU,MAAM,CAACK;EAAM;AAC7C,CAAC,CAAC,CAAC;;AAEH;AACA,OAAO,SAASC,IAAIA,CAAC;EACnBC,QAAQ;EACRC,OAAO;EACPC,kBAAkB;EAClBC;AAMF,CAAC,EAAE;EACD,MAAMC,CAAC,GAAGtB,SAAS,CAAC,CAAC;EACrB,IAAI,CAACmB,OAAO,EAAE,oBAAOpB,IAAA,CAACJ,IAAI;IAAC0B,KAAK,EAAE,CAACC,CAAC,CAACpB,IAAI,EAAEmB,KAAK,CAAE;IAAAH,QAAA,EAAEA;EAAQ,CAAO,CAAC;EACpE,oBACEnB,IAAA,CAACH,aAAa;IACZuB,OAAO,EAAEA,OAAQ;IACjBC,kBAAkB,EAAEA,kBAAmB;IACvCG,YAAY,EAAED,CAAC,CAACP,OAAQ;IACxBM,KAAK,EAAE,CAACC,CAAC,CAACpB,IAAI,EAAEmB,KAAK,CAAE;IAAAH,QAAA,EAEtBA;EAAQ,CACI,CAAC;AAEpB","ignoreList":[]}

package/lib/module/blocks/internal/format.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { formatPrice } from "../../components/price/price.js";
+
+/** 420000 → '42만', 12345 → '1.2만', 9000 → '9,000' */
+export function formatManwon(value) {
+  const abs = Math.abs(value);
+  if (abs < 10000) return formatPrice(value, '');
+  const man = value / 10000;
+  const digits = Math.abs(man) >= 10 ? 0 : 1;
+  return `${Number(man.toFixed(digits))}만`;
+}
+
+/** 전기 대비 증감률(%). 이전 값이 0이면 null */
+export function changeRate(current, previous) {
+  if (previous === 0) return null;
+  return (current - previous) / Math.abs(previous) * 100;
+}
+
+/** 마감이 임박했을 때만 문구를 돌려준다. 0 → '오늘 마감', 1 → '내일 마감', 2 → '모레 마감', 그 밖 null */
+export function formatDeadline(days) {
+  if (days < 0) return '기한 지남';
+  return ['오늘 마감', '내일 마감', '모레 마감'][days] ?? null;
+}
+//# sourceMappingURL=format.js.map

package/lib/module/blocks/internal/format.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatPrice","formatManwon","value","abs","Math","man","digits","Number","toFixed","changeRate","current","previous","formatDeadline","days"],"sourceRoot":"../../../../src","sources":["blocks/internal/format.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,iCAA8B;;AAE1D;AACA,OAAO,SAASC,YAAYA,CAACC,KAAa,EAAU;EAClD,MAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAACD,KAAK,CAAC;EAC3B,IAAIC,GAAG,GAAG,KAAK,EAAE,OAAOH,WAAW,CAACE,KAAK,EAAE,EAAE,CAAC;EAC9C,MAAMG,GAAG,GAAGH,KAAK,GAAG,KAAK;EACzB,MAAMI,MAAM,GAAGF,IAAI,CAACD,GAAG,CAACE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC;EAC1C,OAAO,GAAGE,MAAM,CAACF,GAAG,CAACG,OAAO,CAACF,MAAM,CAAC,CAAC,GAAG;AAC1C;;AAEA;AACA,OAAO,SAASG,UAAUA,CAACC,OAAe,EAAEC,QAAgB,EAAiB;EAC3E,IAAIA,QAAQ,KAAK,CAAC,EAAE,OAAO,IAAI;EAC/B,OAAQ,CAACD,OAAO,GAAGC,QAAQ,IAAIP,IAAI,CAACD,GAAG,CAACQ,QAAQ,CAAC,GAAI,GAAG;AAC1D;;AAEA;AACA,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAiB;EAC1D,IAAIA,IAAI,GAAG,CAAC,EAAE,OAAO,OAAO;EAC5B,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAACA,IAAI,CAAC,IAAI,IAAI;AAClD","ignoreList":[]}

package/lib/module/blocks/invoice-row/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { InvoiceRow } from "./invoice-row.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/invoice-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InvoiceRow"],"sourceRoot":"../../../../src","sources":["blocks/invoice-row/index.ts"],"mappings":";;AAAA,SACEA,UAAU,QAGL,kBAAe","ignoreList":[]}

package/lib/module/blocks/invoice-row/invoice-row.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { ListRow } from "../../components/list-row/list-row.js";
+import { formatPrice } from "../../components/price/price.js";
+import { Text } from "../../components/text/text.js";
+import { AlertGlyph } 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 useStyles = makeStyles(t => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[2]
+  },
+  grow: {
+    flex: 1
+  },
+  head: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontVariant: ['tabular-nums']
+  },
+  action: {
+    flex: 1
+  }
+}));
+
+/** 결제 내역 한 건. 실패한 결제는 해결 버튼이 있는 카드로 보여준다 */
+export function InvoiceRow({
+  title,
+  amount,
+  status = 'paid',
+  refundedAmount,
+  onChangePaymentMethod,
+  onRetry,
+  retrying,
+  onPress,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  if (status !== 'failed') {
+    const value = status === 'refunded' ? `환불 ${formatPrice(refundedAmount ?? amount)}` : formatPrice(amount);
+    return /*#__PURE__*/_jsx(ListRow, {
+      title: title,
+      onPress: onPress,
+      style: style,
+      trailing: /*#__PURE__*/_jsx(Text, {
+        weight: "semibold",
+        tone: status === 'refunded' ? 'muted' : 'default',
+        children: value
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Card, {
+    onPress: onPress,
+    accessibilityLabel: `결제 실패, ${formatPrice(amount)}, ${title}`,
+    style: style,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: s.row,
+      children: [/*#__PURE__*/_jsx(AlertGlyph, {
+        filled: true,
+        color: t.colors.destructive,
+        onColor: t.colors.destructiveForeground,
+        size: t.iconSize.md
+      }), /*#__PURE__*/_jsx(Text, {
+        weight: "bold",
+        tone: "destructive",
+        style: [s.head, s.grow],
+        children: "\uACB0\uC81C \uC2E4\uD328"
+      }), /*#__PURE__*/_jsx(Text, {
+        weight: "bold",
+        style: s.head,
+        children: formatPrice(amount)
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      children: title
+    }), onChangePaymentMethod || onRetry ? /*#__PURE__*/_jsxs(View, {
+      style: s.row,
+      children: [onChangePaymentMethod ? /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        variant: "outline",
+        style: s.action,
+        onPress: onChangePaymentMethod,
+        children: "\uACB0\uC81C\uC218\uB2E8 \uBCC0\uACBD"
+      }) : null, onRetry ? /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        loading: retrying,
+        style: s.action,
+        onPress: onRetry,
+        children: "\uB2E4\uC2DC \uACB0\uC81C"
+      }) : null]
+    }) : null]
+  });
+}
+//# sourceMappingURL=invoice-row.js.map

package/lib/module/blocks/invoice-row/invoice-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","ListRow","formatPrice","Text","AlertGlyph","useTheme","makeStyles","Card","jsx","_jsx","jsxs","_jsxs","useStyles","t","row","flexDirection","alignItems","gap","space","grow","flex","head","fontSize","lineHeight","fontVariant","action","InvoiceRow","title","amount","status","refundedAmount","onChangePaymentMethod","onRetry","retrying","onPress","style","s","value","trailing","weight","tone","children","accessibilityLabel","filled","color","colors","destructive","onColor","destructiveForeground","size","iconSize","md","numberOfLines","variant","loading"],"sourceRoot":"../../../../src","sources":["blocks/invoice-row/invoice-row.tsx"],"mappings":"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","ignoreList":[]}