@meatech/payblend_app_ui_component 1.0.81 → 1.0.83

package/components/IconWithLabel/IconWithLabel.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { IconWithLabelProps } from './type';
+import * as React from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { IconWithLabelProps } from "./type";
 import {
   ACTIVE_OPACITY,
   colors,
@@ -8,10 +8,10 @@ import {
   metrics,
   pf,
   pw,
-} from '@ui/themes';
-import { Icon } from '@ui/components';
-import { formatNumber } from '@ui/utils';
-import Text from '@ui/components/Text';
+} from "@ui/themes";
+import { Icon } from "@ui/components";
+import { formatNumber } from "@ui/utils";
+import Text from "@ui/components/Text";
 
 export const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;
 
@@ -21,6 +21,7 @@ export const IconWithLabel: React.FC<IconWithLabelProps> = ({
   balance = 0,
   width = SIZE_ICON_WITH_LABEL_DEFAULT,
   height = SIZE_ICON_WITH_LABEL_DEFAULT,
+  isFlex = false,
   disabled,
   style,
   labelStyle,
@@ -33,7 +34,7 @@ export const IconWithLabel: React.FC<IconWithLabelProps> = ({
       style={[
         styles.container,
         style,
-        { width: pw(width), height: pw(height) },
+        isFlex ? { flex: 1 } : { width: pw(width), height: pw(height) },
         disabled && styles.disabled,
       ]}
       activeOpacity={ACTIVE_OPACITY}
@@ -43,7 +44,7 @@ export const IconWithLabel: React.FC<IconWithLabelProps> = ({
         name={icon}
         width={metrics.iconSemiLarge}
         height={metrics.iconSemiLarge}
-        tintColor={colors.neutral['60']}
+        tintColor={colors.neutral["60"]}
       />
       <Text
         size="xs"
@@ -70,14 +71,14 @@ export const IconWithLabel: React.FC<IconWithLabelProps> = ({
 const styles = StyleSheet.create({
   container: {
     borderWidth: metrics.borderWidthMedium,
-    borderColor: colors.neutral['20'],
-    alignItems: 'center',
-    justifyContent: 'center',
+    borderColor: colors.neutral["20"],
+    alignItems: "center",
+    justifyContent: "center",
     padding: metrics.width.spacingTiny,
   },
   label: {
     lineHeight: pf(18),
-    textAlign: 'center',
+    textAlign: "center",
   },
   txtBalance: {
     lineHeight: pf(30),

package/components/IconWithLabel/type.ts

@@ -13,4 +13,5 @@ export interface IconWithLabelProps
   labelStyle?: StyleProp<TextStyle>;
   disabled?: boolean;
   isShowBalance?: boolean;
+  isFlex?: boolean;
 }

package/dist/components/IconWithLabel/IconWithLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWithLabel.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/IconWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,eAAO,MAAM,4BAA4B,QAA2B,CAAC;AAErE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC"}
+{"version":3,"file":"IconWithLabel.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/IconWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,eAAO,MAAM,4BAA4B,QAA2B,CAAC;AAErE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmDtD,CAAC"}

package/dist/components/IconWithLabel/IconWithLabel.js

@@ -34,14 +34,14 @@ import '../../utils/dayjs.js';
 import { formatNumber } from '../../utils/utils.js';
 
 const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;
-const IconWithLabel = ({ label, icon, balance = 0, width = SIZE_ICON_WITH_LABEL_DEFAULT, height = SIZE_ICON_WITH_LABEL_DEFAULT, disabled, style, labelStyle, isShowBalance = false, ...rest }) => {
+const IconWithLabel = ({ label, icon, balance = 0, width = SIZE_ICON_WITH_LABEL_DEFAULT, height = SIZE_ICON_WITH_LABEL_DEFAULT, isFlex = false, disabled, style, labelStyle, isShowBalance = false, ...rest }) => {
     return (React.createElement(TouchableOpacity, { disabled: disabled, style: [
             styles.container,
             style,
-            { width: responsiveWidth(width), height: responsiveWidth(height) },
+            isFlex ? { flex: 1 } : { width: responsiveWidth(width), height: responsiveWidth(height) },
             disabled && styles.disabled,
         ], activeOpacity: ACTIVE_OPACITY, ...rest },
-        React.createElement(Icon, { name: icon, width: metrics.iconSemiLarge, height: metrics.iconSemiLarge, tintColor: colors.neutral['60'] }),
+        React.createElement(Icon, { name: icon, width: metrics.iconSemiLarge, height: metrics.iconSemiLarge, tintColor: colors.neutral["60"] }),
         React.createElement(Text, { size: "xs", color: "tertiary", style: [styles.label, labelStyle], numberOfLines: 2 }, label),
         isShowBalance && (React.createElement(Text, { fontWeight: "700", size: "large", color: "tertiary", style: styles.txtBalance },
             "\u00A5",
@@ -50,14 +50,14 @@ const IconWithLabel = ({ label, icon, balance = 0, width = SIZE_ICON_WITH_LABEL_
 const styles = StyleSheet.create({
     container: {
         borderWidth: metrics.borderWidthMedium,
-        borderColor: colors.neutral['20'],
-        alignItems: 'center',
-        justifyContent: 'center',
+        borderColor: colors.neutral["20"],
+        alignItems: "center",
+        justifyContent: "center",
         padding: metrics.width.spacingTiny,
     },
     label: {
         lineHeight: responsiveFont(18),
-        textAlign: 'center',
+        textAlign: "center",
     },
     txtBalance: {
         lineHeight: responsiveFont(30),

package/dist/components/IconWithLabel/IconWithLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWithLabel.js","sources":["../../../../components/IconWithLabel/IconWithLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, TouchableOpacity } from 'react-native';\nimport { IconWithLabelProps } from './type';\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  pw,\n} from '@ui/themes';\nimport { Icon } from '@ui/components';\nimport { formatNumber } from '@ui/utils';\nimport Text from '@ui/components/Text';\n\nexport const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;\n\nexport const IconWithLabel: React.FC<IconWithLabelProps> = ({\n  label,\n  icon,\n  balance = 0,\n  width = SIZE_ICON_WITH_LABEL_DEFAULT,\n  height = SIZE_ICON_WITH_LABEL_DEFAULT,\n  disabled,\n  style,\n  labelStyle,\n  isShowBalance = false,\n  ...rest\n}) => {\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[\n        styles.container,\n        style,\n        { width: pw(width), height: pw(height) },\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      {...rest}\n    >\n      <Icon\n        name={icon}\n        width={metrics.iconSemiLarge}\n        height={metrics.iconSemiLarge}\n        tintColor={colors.neutral['60']}\n      />\n      <Text\n        size=\"xs\"\n        color=\"tertiary\"\n        style={[styles.label, labelStyle]}\n        numberOfLines={2}\n      >\n        {label}\n      </Text>\n      {isShowBalance && (\n        <Text\n          fontWeight=\"700\"\n          size=\"large\"\n          color=\"tertiary\"\n          style={styles.txtBalance}\n        >\n          ¥{formatNumber(balance.toString())}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral['20'],\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: metrics.width.spacingTiny,\n  },\n  label: {\n    lineHeight: pf(18),\n    textAlign: 'center',\n  },\n  txtBalance: {\n    lineHeight: pf(30),\n    marginTop: metrics.width.spacingTiny,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n});\n"],"names":["pw","pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,4BAA4B,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI;AAEtD,MAAA,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,4BAA4B,EACpC,MAAM,GAAG,4BAA4B,EACrC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACR,KAAI;IACH,QACE,oBAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,YAAA,MAAM,CAAC,SAAS;YAChB,KAAK;AACL,YAAA,EAAE,KAAK,EAAEA,eAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAEA,eAAE,CAAC,MAAM,CAAC,EAAE;YACxC,QAAQ,IAAI,MAAM,CAAC,QAAQ;AAC5B,SAAA,EACD,aAAa,EAAE,cAAc,EAAA,GACzB,IAAI,EAAA;QAER,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAE,OAAO,CAAC,aAAa,EAC7B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAC/B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACjC,aAAa,EAAE,CAAC,EAEf,EAAA,KAAK,CACD;QACN,aAAa,KACZ,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;YAEtB,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAC7B,CACR,CACgB;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACtC,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAEC,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"IconWithLabel.js","sources":["../../../../components/IconWithLabel/IconWithLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, TouchableOpacity } from \"react-native\";\nimport { IconWithLabelProps } from \"./type\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  pw,\n} from \"@ui/themes\";\nimport { Icon } from \"@ui/components\";\nimport { formatNumber } from \"@ui/utils\";\nimport Text from \"@ui/components/Text\";\n\nexport const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;\n\nexport const IconWithLabel: React.FC<IconWithLabelProps> = ({\n  label,\n  icon,\n  balance = 0,\n  width = SIZE_ICON_WITH_LABEL_DEFAULT,\n  height = SIZE_ICON_WITH_LABEL_DEFAULT,\n  isFlex = false,\n  disabled,\n  style,\n  labelStyle,\n  isShowBalance = false,\n  ...rest\n}) => {\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[\n        styles.container,\n        style,\n        isFlex ? { flex: 1 } : { width: pw(width), height: pw(height) },\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      {...rest}\n    >\n      <Icon\n        name={icon}\n        width={metrics.iconSemiLarge}\n        height={metrics.iconSemiLarge}\n        tintColor={colors.neutral[\"60\"]}\n      />\n      <Text\n        size=\"xs\"\n        color=\"tertiary\"\n        style={[styles.label, labelStyle]}\n        numberOfLines={2}\n      >\n        {label}\n      </Text>\n      {isShowBalance && (\n        <Text\n          fontWeight=\"700\"\n          size=\"large\"\n          color=\"tertiary\"\n          style={styles.txtBalance}\n        >\n          ¥{formatNumber(balance.toString())}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral[\"20\"],\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: metrics.width.spacingTiny,\n  },\n  label: {\n    lineHeight: pf(18),\n    textAlign: \"center\",\n  },\n  txtBalance: {\n    lineHeight: pf(30),\n    marginTop: metrics.width.spacingTiny,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n});\n"],"names":["pw","pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,4BAA4B,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI;AAEtD,MAAA,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,4BAA4B,EACpC,MAAM,GAAG,4BAA4B,EACrC,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACR,KAAI;IACH,QACE,oBAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,YAAA,MAAM,CAAC,SAAS;YAChB,KAAK;YACL,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAEA,eAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAEA,eAAE,CAAC,MAAM,CAAC,EAAE;YAC/D,QAAQ,IAAI,MAAM,CAAC,QAAQ;AAC5B,SAAA,EACD,aAAa,EAAE,cAAc,EAAA,GACzB,IAAI,EAAA;QAER,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAE,OAAO,CAAC,aAAa,EAC7B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAC/B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACjC,aAAa,EAAE,CAAC,EAEf,EAAA,KAAK,CACD;QACN,aAAa,KACZ,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;YAEtB,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAC7B,CACR,CACgB;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACtC,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAEC,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/IconWithLabel/type.d.ts

@@ -10,6 +10,7 @@ interface IconWithLabelProps extends Pick<TouchableOpacityProps, 'onPress' | 'di
     labelStyle?: StyleProp<TextStyle>;
     disabled?: boolean;
     isShowBalance?: boolean;
+    isFlex?: boolean;
 }
 
 export type { IconWithLabelProps };

package/dist/components/IconWithLabel/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAC9C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAC9C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/utils/dayjs.d.ts

@@ -5,9 +5,10 @@ declare const checkIsToday: (date: string) => any;
 declare const checkIsYesterDay: (date: string) => any;
 declare const formatTimeFromNow: (time: string) => any;
 declare const formatDate: (date: string | Date) => any;
+declare const formatNoticeOfUseDate: (date: string | Date) => any;
 declare const formatDateToJapanese: (date: string) => string;
 declare const formatHour: (time: string) => any;
 
 declare const resolveDateTimeDisplay: (dateTime: string) => any;
 
-export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatTimeFromNow, resolveDateTimeDisplay };
+export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatNoticeOfUseDate, formatTimeFromNow, resolveDateTimeDisplay };

package/dist/utils/dayjs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dayjs.d.ts","sourceRoot":"","sources":["../../utils/dayjs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iBAAiB,CAAC;AAazB,eAAO,MAAM,WAAW,UAAU,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,cAAc,cAAc,CAAC;AAE1C,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,QAA0B,CAAC;AACpE,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,QAA8B,CAAC;AAC5E,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,QAA0B,CAAC;AACzE,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,GAAG,IAAI,QACR,CAAC;AACrC,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MACrB,CAAC;AAClC,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,QACD,CAAC;AACvC,eAAe,KAAK,CAAC;AAErB,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,QAQtD,CAAC"}
+{"version":3,"file":"dayjs.d.ts","sourceRoot":"","sources":["../../utils/dayjs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iBAAiB,CAAC;AAczB,eAAO,MAAM,WAAW,UAAU,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,cAAc,cAAc,CAAC;AAE1C,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,QAA0B,CAAC;AACpE,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,QAA8B,CAAC;AAC5E,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,QAA0B,CAAC;AACzE,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,GAAG,IAAI,QACR,CAAC;AACvC,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,GAAG,IAAI,QACL,CAAC;AACnD,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MACrB,CAAC;AAClC,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,QACD,CAAC;AACvC,eAAe,KAAK,CAAC;AAErB,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,QAQtD,CAAC"}

package/dist/utils/dayjs.js

@@ -12,6 +12,7 @@ dayjs.locale('ja');
 const FORMAT_TIME = {
     HOUR: 'HH:mm',
     DATE: 'YYYY/MM/DD',
+    NOTICE_OF_USE_DATE: 'YYYY.MM.DD',
 };
 const HOUR_FORMAT = 'HH:mm';
 const DAY_FORMAT = 'YYYY/MM/DD';
@@ -20,6 +21,7 @@ const checkIsToday = (date) => dayjs(date).isToday();
 const checkIsYesterDay = (date) => dayjs(date).isYesterday();
 const formatTimeFromNow = (time) => dayjs(time).fromNow();
 const formatDate = (date) => dayjs(date).format(FORMAT_TIME.DATE);
+const formatNoticeOfUseDate = (date) => dayjs(date).format(FORMAT_TIME.NOTICE_OF_USE_DATE);
 const formatDateToJapanese = (date) => dayjs(date).format('YYYY年M月D日');
 const formatHour = (time) => dayjs(time).format(FORMAT_TIME.HOUR);
 const resolveDateTimeDisplay = (dateTime) => {
@@ -31,5 +33,5 @@ const resolveDateTimeDisplay = (dateTime) => {
     return time;
 };
 
-export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatTimeFromNow, resolveDateTimeDisplay };
+export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatNoticeOfUseDate, formatTimeFromNow, resolveDateTimeDisplay };
 //# sourceMappingURL=dayjs.js.map

package/dist/utils/dayjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayjs.js","sources":["../../../utils/dayjs.ts"],"sourcesContent":["import isYesterday from 'dayjs/plugin/isYesterday';\nimport dayjs from 'dayjs';\nimport isToday from 'dayjs/plugin/isToday';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport 'dayjs/locale/ja';\n\ndayjs.extend(isToday);\ndayjs.extend(isYesterday);\ndayjs.extend(relativeTime);\ndayjs.locale('ja');\n\nconst FORMAT_TIME = {\n  HOUR: 'HH:mm',\n  PAST: 'past',\n  DATE: 'YYYY/MM/DD',\n};\n\nexport const HOUR_FORMAT = 'HH:mm';\nexport const DAY_FORMAT = 'YYYY/MM/DD';\nexport const YESTERDAY_TEXT = 'Yesterday';\n\nexport const checkIsToday = (date: string) => dayjs(date).isToday();\nexport const checkIsYesterDay = (date: string) => dayjs(date).isYesterday();\nexport const formatTimeFromNow = (time: string) => dayjs(time).fromNow();\nexport const formatDate = (date: string | Date) =>\n  dayjs(date).format(FORMAT_TIME.DATE);\n  export const formatDateToJapanese = (date: string): string => \n  dayjs(date).format('YYYY年M月D日');\nexport const formatHour = (time: string) =>\n  dayjs(time).format(FORMAT_TIME.HOUR);\nexport default dayjs;\n\nexport const resolveDateTimeDisplay = (dateTime: string) => {\n  const time = checkIsToday(dateTime)\n    ? formatHour(dateTime)\n    : checkIsYesterDay(dateTime)\n    ? `${YESTERDAY_TEXT} ${formatHour(dateTime)}`\n    : formatDate(dateTime);\n\n  return time;\n};\n"],"names":[],"mappings":";;;;;;;AAMA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;AACrB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;AACzB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AAElB,MAAM,WAAW,GAAG;AAClB,IAAA,IAAI,EAAE,OAAO;AACb,IACA,IAAI,EAAE,YAAY;CACnB;AAEM,MAAM,WAAW,GAAG;AACpB,MAAM,UAAU,GAAG;AACnB,MAAM,cAAc,GAAG;AAEjB,MAAA,YAAY,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO;AACpD,MAAA,gBAAgB,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW;AAC5D,MAAA,iBAAiB,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO;MACzD,UAAU,GAAG,CAAC,IAAmB,KAC5C,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;AACtB,MAAA,oBAAoB,GAAG,CAAC,IAAY,KACjD,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW;MACnB,UAAU,GAAG,CAAC,IAAY,KACrC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;AAGxB,MAAA,sBAAsB,GAAG,CAAC,QAAgB,KAAI;AACzD,IAAA,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ;AAChC,UAAE,UAAU,CAAC,QAAQ;AACrB,UAAE,gBAAgB,CAAC,QAAQ;cACzB,GAAG,cAAc,CAAA,CAAA,EAAI,UAAU,CAAC,QAAQ,CAAC,CAAE;AAC7C,cAAE,UAAU,CAAC,QAAQ,CAAC;AAExB,IAAA,OAAO,IAAI;AACb;;;;"}
+{"version":3,"file":"dayjs.js","sources":["../../../utils/dayjs.ts"],"sourcesContent":["import isYesterday from 'dayjs/plugin/isYesterday';\nimport dayjs from 'dayjs';\nimport isToday from 'dayjs/plugin/isToday';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport 'dayjs/locale/ja';\n\ndayjs.extend(isToday);\ndayjs.extend(isYesterday);\ndayjs.extend(relativeTime);\ndayjs.locale('ja');\n\nconst FORMAT_TIME = {\n  HOUR: 'HH:mm',\n  PAST: 'past',\n  DATE: 'YYYY/MM/DD',\n  NOTICE_OF_USE_DATE: 'YYYY.MM.DD',\n};\n\nexport const HOUR_FORMAT = 'HH:mm';\nexport const DAY_FORMAT = 'YYYY/MM/DD';\nexport const YESTERDAY_TEXT = 'Yesterday';\n\nexport const checkIsToday = (date: string) => dayjs(date).isToday();\nexport const checkIsYesterDay = (date: string) => dayjs(date).isYesterday();\nexport const formatTimeFromNow = (time: string) => dayjs(time).fromNow();\nexport const formatDate = (date: string | Date) =>\n  dayjs(date).format(FORMAT_TIME.DATE);\nexport const formatNoticeOfUseDate = (date: string | Date) =>\n  dayjs(date).format(FORMAT_TIME.NOTICE_OF_USE_DATE);\n  export const formatDateToJapanese = (date: string): string => \n  dayjs(date).format('YYYY年M月D日');\nexport const formatHour = (time: string) =>\n  dayjs(time).format(FORMAT_TIME.HOUR);\nexport default dayjs;\n\nexport const resolveDateTimeDisplay = (dateTime: string) => {\n  const time = checkIsToday(dateTime)\n    ? formatHour(dateTime)\n    : checkIsYesterDay(dateTime)\n    ? `${YESTERDAY_TEXT} ${formatHour(dateTime)}`\n    : formatDate(dateTime);\n\n  return time;\n};\n"],"names":[],"mappings":";;;;;;;AAMA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;AACrB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;AACzB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AAElB,MAAM,WAAW,GAAG;AAClB,IAAA,IAAI,EAAE,OAAO;AACb,IACA,IAAI,EAAE,YAAY;AAClB,IAAA,kBAAkB,EAAE,YAAY;CACjC;AAEM,MAAM,WAAW,GAAG;AACpB,MAAM,UAAU,GAAG;AACnB,MAAM,cAAc,GAAG;AAEjB,MAAA,YAAY,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO;AACpD,MAAA,gBAAgB,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW;AAC5D,MAAA,iBAAiB,GAAG,CAAC,IAAY,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO;MACzD,UAAU,GAAG,CAAC,IAAmB,KAC5C,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;MACxB,qBAAqB,GAAG,CAAC,IAAmB,KACvD,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB;AACpC,MAAA,oBAAoB,GAAG,CAAC,IAAY,KACjD,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW;MACnB,UAAU,GAAG,CAAC,IAAY,KACrC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;AAGxB,MAAA,sBAAsB,GAAG,CAAC,QAAgB,KAAI;AACzD,IAAA,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ;AAChC,UAAE,UAAU,CAAC,QAAQ;AACrB,UAAE,gBAAgB,CAAC,QAAQ;cACzB,GAAG,cAAc,CAAA,CAAA,EAAI,UAAU,CAAC,QAAQ,CAAC,CAAE;AAC7C,cAAE,UAAU,CAAC,QAAQ,CAAC;AAExB,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/utils/index.d.ts

@@ -2,6 +2,6 @@ export { getSecureDataString, removeSecureDataString, setSecureDataString, stora
 export { mergeIfDefined } from './obj.js';
 export { additiveInverseArray } from './array.js';
 export { bound, lowerBound, upperBound } from './number.js';
-export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatTimeFromNow, resolveDateTimeDisplay } from './dayjs.js';
+export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatNoticeOfUseDate, formatTimeFromNow, resolveDateTimeDisplay } from './dayjs.js';
 export { getImageSource } from './imageUtils.js';
 export { checkMetAge, encryptData, formatDateToJapaneseStyle, formatNumber, formatNumberWithCommas, formatPhoneNumber, keyExtractor } from './utils.js';

package/dist/utils/index.js

@@ -2,7 +2,7 @@ export { getSecureDataString, removeSecureDataString, setSecureDataString, stora
 export { mergeIfDefined } from './obj.js';
 export { additiveInverseArray } from './array.js';
 export { bound, lowerBound, upperBound } from './number.js';
-export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatTimeFromNow, resolveDateTimeDisplay } from './dayjs.js';
+export { DAY_FORMAT, HOUR_FORMAT, YESTERDAY_TEXT, checkIsToday, checkIsYesterDay, formatDate, formatDateToJapanese, formatHour, formatNoticeOfUseDate, formatTimeFromNow, resolveDateTimeDisplay } from './dayjs.js';
 export { getImageSource } from './imageUtils.js';
 export { checkMetAge, encryptData, formatDateToJapaneseStyle, formatNumber, formatNumberWithCommas, formatPhoneNumber, keyExtractor } from './utils.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meatech/payblend_app_ui_component",
-  "version": "1.0.81",
+  "version": "1.0.83",
   "description": "UI Component Library for Payblend App",
   "main": "./dist/components/index.js",
   "module": "./dist/components/index.js",

package/utils/dayjs.ts

@@ -13,6 +13,7 @@ const FORMAT_TIME = {
   HOUR: 'HH:mm',
   PAST: 'past',
   DATE: 'YYYY/MM/DD',
+  NOTICE_OF_USE_DATE: 'YYYY.MM.DD',
 };
 
 export const HOUR_FORMAT = 'HH:mm';
@@ -24,6 +25,8 @@ export const checkIsYesterDay = (date: string) => dayjs(date).isYesterday();
 export const formatTimeFromNow = (time: string) => dayjs(time).fromNow();
 export const formatDate = (date: string | Date) =>
   dayjs(date).format(FORMAT_TIME.DATE);
+export const formatNoticeOfUseDate = (date: string | Date) =>
+  dayjs(date).format(FORMAT_TIME.NOTICE_OF_USE_DATE);
   export const formatDateToJapanese = (date: string): string => 
   dayjs(date).format('YYYY年M月D日');
 export const formatHour = (time: string) =>