CustomStyleプロパティ
プロパティ定義
以下の詳細な説明は、編集可能でカスタマイズ可能なコンポーネントについてです。
| プロパティ | Object | 説明 |
|---|---|---|
| テーマ | Object | グローバルな色とスタイル設定を定義するオブジェクト。 |
| theme.typography.primaryFontFamily | String | ウィジェット用の主要なフォント。 |
| theme.colors.primaryTextColor | String | テキストの主要な色。 |
| theme.colors.backgroundSecondary | String | セカンダリの背景色（例：OTP表示）。 |
| theme.colors.backgroundPrimary | String | 主要な背景色。 |
| theme.colors.buttonPrimaryFill | String | 主要なボタンの塗りつぶし色。 |
| theme.colors.buttonPrimaryHover | String | 主要なボタンのホバー時の色。 |
| theme.colors.buttonPrimaryActive | String | 主要なボタンのクリック時の色。 |
| theme.colors.inputBorder | String | デフォルト状態での入力フィールドの境界線の色。 |
| theme.colors.inputBorderError | String | 入力フィールドの境界線の色（エラー状態）。 |
| theme.colors.inputEnhancerFill | String | 入力フィールドの背景色（アクティブ時）。 |
| theme.colors.inputBorderPositive | String | 入力フィールドが成功した場合の境界線の色。 |
| theme.buttons.borderRadius | String | ボタンの境界線の半径。 |
| theme.inputs.borderRadius | String | 入力フィールドの境界線の半径。 |
| theme.inputs.inputMode | String | 入力モード：検証済み（アイコンによる検証）、クリア可能（テキストのリセット）、またはなし。 |
| HeaderPattern | Object | ヘッダーのオーバーライドを定義するオブジェクト。 |
| HeaderPattern.overrides | Object | ヘッダーコンポーネントに対する具体的なオーバーライドを含む。 |
| HeaderPattern.overrides.Logo | Object | オブジェクトで、ロゴコンポーネントのプロパティを定義します。 |
| HeaderPattern.overrides.Logo.props.url | String | ヘッダーに表示するロゴのURL。 |
| HeaderPattern.overrides.Logo.props.style | String | ロゴのサイズを定義します。 |
| HeaderPattern.overrides.Logo.props.position | String | ロゴの表示位置（左または中央）を定義します。 |
| CardInfoPattern | Object | カード情報を定義するオブジェクト。 |
| CardInfoPattern.title | String | カード情報セクションのタイトル。 |
| CardInfoPattern.subtitle.content | String | サブタイトルのコンテンツ。 |
| UpperTagPattern | Object | ウィジェットヘッダーの下に表示される、カスタムの上部タグを定義するオブジェクト。 |
| UpperTagPattern.title | String | 上部のタグのタイトル。 |
| UpperTagPattern.description | String | Descripción de la etiqueta superior. |
| UpperTagPattern.iconColor | String | 上部タグのアイコンの色。 |
| UpperTagPattern.style | Object | 上部タグのスタイル（テキストの色、ボックス影、margin-top、backgroundColorなど）。 |
| UserCardPattern | Object | ユーザーカードの管理に関する翻訳と設定を定義するオブジェクト。 |
| UserCardPattern.translations.en | Object | ユーザーカード管理コンポーネントのスペイン語翻訳。 |
| UserCardPattern.translations.en.addNewCard.info | String | 「新しいカードを追加」オプションのテキスト。 |
| UserCardPattern.translations.en.moreOptions.payWith | String | 「支払い方法を選択」オプションのテキスト。 |
| UserCardPattern.translations.en.paymentMethods.seeAllMyCards | String | 保存されているカードをすべて表示する。 |
| UserCardPattern.translations.en.paymentMethods.expiredCard | String | 有効期限切れのカードを示すテキスト。 |
| UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | 有効な支払い方法を選択してください。 |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | カード削除の確認画面のタイトル。 |
| UserCardPattern.translations.en.paymentMethods.deleteMainText | String | 削除オプションのメインテキスト。 |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | 削除確認画面の「承認」ボタンのテキスト。 |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | 削除確認画面の「キャンセル」ボタンのテキスト。 |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | 削除は元に戻せないことを示すメッセージ。 |
| PaymentMethodsPattern | Object | 入力フィールドに関連する支払い方法の翻訳と設定を定義するオブジェクト。 |
| PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | カード番号フィールドのラベル：「カード番号」。 |
| PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | カード番号フィールドのヘルプテキスト：「0000 0000 0000 0000 0000 0000」。 |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | カード保持者の名前フィールドのラベル：「カードに記載されている名前」。 |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | カード保持者の名前フィールドのヘルプテキスト：「例：フアン・ザパタ」。 |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | 有効期限フィールドのラベル: "有効期限". |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | 有効期限の説明: "MM / YY". |
| PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | セキュリティコードのラベル: "CVV". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | 手数料フィールドのラベル: "手数料". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | 分割払いに関するテキスト: "分割払い". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | 最初の支払いに関するテキスト: "最初の支払い". |
| PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | 金利なしに関するテキスト: "金利なし". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | 分割なしに関するテキスト: "分割なし". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | 分割払い検証中に表示されるテキスト: "分割払い検証中...". |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | カードのカスタムタイトル: "カスタムタイトル". |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | カードのカスタムサブタイトル: "カスタムサブタイトル". |
| cardHolder | Object | カード保持者の名前フィールドのラベルを定義するオブジェクト。 |
| cardHolder.label | String | カード保持者の名前フィールドのカスタムラベル。 |
| 分割 | Object | 分割フィールドのラベルを定義するオブジェクト。 |
| installment.label | String | 分割フィールドのカスタムラベル。 |
| installment.withoutInstallments | String | 分割払いに関する情報が表示されない場合に利用するテキスト。 |
| LowerTagPattern | Object | カスタムの下部タグを定義し、ウィジェットの上部（利用規約と支払いボタンのすぐ上）に表示されるオブジェクト。 |
| LowerTagPattern.title | String | 下部タグのタイトル。 |
| LowerTagPattern.description | String | 下部タグの説明。 |
| LowerTagPattern.iconColor | String | 下部タグのアイコンの色。 |
| LowerTagPattern.style | Object | 上部タグのスタイル（例：テキストの色、ボックス影、背景色）。 |
| TermsConditionsPattern | Object | 利用規約の設定を定義するオブジェクト。 |
| TermsConditionsPattern.showForGuest | Boolean | 利用規約をゲストユーザーに対して表示するかどうかを示す。 |
| TermsConditionsPattern.showForAuth | Boolean | 認証されたユーザーに対して利用規約を表示するかどうかを示す。 |
| TermsConditionsPattern.legalMessage | String | カスタムの法的告知文。 |
| TermsConditionsPattern.connectorText | String | 利用規約内の接続テキスト。 |
| TermsConditionsPattern.hideCompanyDisclaimer | Boolean | 会社に関する免責事項を非表示にするかどうかを示す。 |
| TermsConditionsPattern.termsAndConditionsUrl | string | ユーザーが確認する利用規約のURLを定義します。 |
| TermsConditionsPattern.privacyPolicyUrl | string | ユーザーが確認するプライバシーポリシーのURLを定義します。 |
| PaymentButtonPattern | Object | オブジェクトで、ボタンのラベル、スタイル、および設定を定義します。 |
| PaymentButtonPattern.label | String | ボタンのテキスト。 |
| PaymentButtonPattern.showOrderTotal | Boolean | フォームに注文合計を表示するかどうかを指定します。 |
| PaymentButtonPattern.styles | Object | ボタンのスタイル、例えばパディングとボーダー半径。 |
| PaymentButtonPattern.styles.padding | String | ボタンのパディング。 |
| PaymentButtonPattern.styles.borderRadius | String | ボタンのボーダー半径。 |
| パターン: "Powered by DEUNA" の表示 | Object | オブジェクトで、"Powered by DEUNA" の表示スタイルと設定を定義します。 |
| PoweredByPattern.hide | Boolean | "Powered by DEUNA" の表示を非表示にするかどうかを指定します。 |
| PoweredByPattern.hidetext | Boolean | "Powered by" の表示を非表示にするかどうかを指定します。 |
| PoweredByPattern.url | String | "Powered by" に表示するロゴの URL。 |
| PoweredByPattern.imageStyle | Object | "Powered by" ロゴのスタイル、幅、高さ。 |
| パターン: 支払い完了後の感謝表示 | Object | オブジェクトで、支払い完了後の感謝表示の翻訳と設定を定義します。 |
| ThanksYouView.translations.en.thankYouPage.status.succeeded | String | 支払い完了時に表示されるメッセージ。 |
| ThankYouView.translations.en.thankYouPage.status.pending | String | 支払いが処理されている際の表示メッセージ。 |
| ThankYouView.translations.en.thankYouPage.status.denied | String | 支払い拒否時に表示されるメッセージ。 |
| ThankYouView.overrides.Body.props.title | String | 感謝表示の本文に表示されるタイトル。 |
| ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | レシートのダウンロードオプションの表示/非表示を定義します。 |
| ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | 店舗に戻るオプションの表示/非表示を定義します。 |
| ThankYouView.overrides.Actions.props.downloadText | String | レシートを保存するためのボタンのテキスト。 |
| ThankYouView.overrides.Actions.props.backText | String | 店舗に戻るボタンのテキスト。 |
| VoucherPage | Object | 異なる支払い方法に対応した、Voucher（割引券）ページの構成を定義するオブジェクト。 |
| VoucherPage.apmName.overrides.Header.props.title | String | OXXOのバウチャーヘッダーに表示されるメインタイトル |
| VoucherPage.apmName.overrides.Header.props.subtitle | String | 店舗でのコード表示アクションを示すサブタイトル。 |
| VoucherPage.apmName.overrides.Header.props.referenceTitle | String | 支払い参照フィールドのテキスト。 |
| VoucherPage.apmName.overrides.Header.props.payBefore | String | 支払い期限。 |
| VoucherPage.OapmName.overrides.Footer.props.downloadReference | String | Voucherをダウンロードするためのボタンのテキスト。 |
| VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | 「Powered by Deuna」のラベルを表示するかどうかを示す。 |
| OtpPage | Object | OTPページのオーバーライドを定義するオブジェクト。 |
| OtpPage.overrides | Object | OTPページのコンポーネント固有のオーバーライドを含む。 |
| OtpPage.overrides.Header | Object | OTPページのヘッダーに関連するオーバーライドを定義するオブジェクト。 |
| OtpPage.overrides.Header.props | Object | ロゴのURLなど、ヘッダーのプロパティ。 |
| OtpPage.overrides.Header.props.url | String | OTPページに表示するロゴのURL。 |
| OtpPage.overrides.Headings | Object | OTPページのタイトルと説明を定義するオブジェクト。 |
| OtpPage.overrides.Headings.title | String | OTPページのカスタムタイトル。 |
| OtpPage.overrides.Headings.description | String | OTPページの説明文。 |
| OtpPage.overrides.OtpChangeChannelButton | Object | OTPチャネルの変更ボタンの説明を提供するオブジェクト。 |
| OtpPage.overrides.OtpChangeChannelButton.description | Object | SMSまたはメールでOTPを送信するための説明。 |
| OtpPage.overrides.OtpChangeChannelButton.description.sms | String | SMSでOTPを送信するためのカスタム説明。 |
| OtpPage.overrides.OtpChangeChannelButton.description.email | String | メールでOTPを送信するためのカスタム説明。 |
| OtpPage.overrides.ContinueAsGuestButton | Object | オブジェクトで、「ゲストとして続行」ボタンの説明を定義します。 |
| OtpPage.overrides.ContinueAsGuestButton.description | String | ゲストとして続行するための説明文。 |
| BillingPatternX | Object | 請求データの入力構造を定義するオブジェクト。 |
| BillingPatternX.translations.en.title | String | 請求セクションのメインタイトル。 |
| BillingPatternX.translations.en.addBillingData.error | String | 支払いデータが完了しない場合のエラーメッセージ |
| BillingPatternX.translations.en.addBillingData.optionalTag | String | 必須でないフィールドを示すタグ。 |
| BillingPatternX.translations.en.addBillingData.title | String | 請求情報を追加するためのタイトル。 |
| BillingPatternX.translations.en.billingSummary.dni | String | ラベル：請求書サマリー内のドキュメント |
| BillingPatternX.translations.en.billingSummary.update | String | 変更する情報 |
| BillingPatternX.translations.en.billingView.cancel | String | キャンセルアクションのテキスト |
| BillingPatternX.translations.en.billingView.save | String | 請求情報の変更を保存するテキスト |
| BillingPatternX.translations.en.billingView.title | String | 請求データ入力ビューのタイトル |
| BillingPatternX.translations.en.billingWithSameData.title | String | 同じ請求データを利用するテキスト |
| BillingPatternX.translations.en.inputs.companyBilling.label | String | 法的実体のラベル |
| BillingPatternX.translations.en.inputs.companyBilling.name.label | String | 会社名のラベル |
| BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | 事業または活動のラベル |
| BillingPatternX.translations.en.inputs.companyBilling.address.label | String | 会計上の住所のラベル |
| BillingPatternX.translations.en.inputs.companyBilling.city.label | String | 都市のラベル |
| BillingPatternX.translations.es.inputs.companyBilling.email.label | String | メールのラベル。 |
| BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | 税務登録のラベル |
| BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | 連絡用の電話番号のラベル |
| BillingPatternX.translations.en.inputs.personBilling.label | String | 自然人向けのラベル。 |
| BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Etiqueta para el nombre. |
| BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Etiqueta para el apellido. |
| BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | 都市の代替ラベル 1 |
| BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Etiqueta para la provincia. |
| BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Etiqueta para el código postal. |
| BillingPatternX.translations.en.inputs.errors.inputRequired | String | 必須フィールドに関するメッセージ |
| BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Mensaje para correo electrónico inválido. |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Etiqueta para el documento de identidad (Argentina). |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | 国: IDが無効（アルゼンチン）。 |
| UserInfoPattern | Object | Objeto que define la estructura de entrada para los datos del usuario. |
| UserInfoPattern.title | String | Título personalizado para la sección de datos del usuario. |
| UserInfoPattern.translations.inputs.email.label | String | Etiqueta personalizada para el campo de correo electrónico. |
| UserInfoPattern.translations.en.inputs.firstName.label | String | Etiqueta personalizada para el campo de nombre. |
| UserInfoPattern.translations.en.inputs.lastName.label | String | Etiqueta personalizada para el campo de apellido. |
| UserInfoPattern.translations.en.inputs.phone.label | String | Etiqueta personalizada para el campo de teléfono. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Etiqueta para Colombia: Cédula / Documento de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Etiqueta para Chile: RUT/DNI. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Etiqueta para Ecuador: Cédula / Documento de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Etiqueta para México: Número RFC. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Etiqueta para Brasil: Registro Geral. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Etiqueta para Argentina: DNI / Documento de Identidad. |
| UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Etiqueta para Uruguay: Cédula / Documento de identidad. |