Snapshot: MLS sync fixes, image refresh, plugin/theme updates

MLS plugin fixes from this session:
- Fix silent insert failures: location column NOT NULL was rejecting wpdb->insert calls,
  causing ~18k new properties since Dec 2025 to be lost. Inserts now build raw SQL
  with ST_PointFromText so the spatial column is populated atomically.
- Auto-refresh expired media URLs in MLS_Media_Handler::fetch_and_cache(), guarded by
  a property-level GET_LOCK so concurrent fetches share one API refresh.
- Normalize WP_Error to null in mls_get_property_image() so callers can rely on the
  documented string|null contract.
- Support comma-separated property_type filters in MLS_Query and MLS_Cluster so the
  homepage "View All Commercial" link (?property_type=Commercial+Sale,Land,Farm)
  actually filters correctly.
- Incremental sync now looks back 10 minutes past the latest modification timestamp
  as a safety margin against missed records.
- Smart sync exits silently (info-level, not warning) when a full sync is in progress.

Operational:
- New cron: weekly full sync Sundays at 3 AM (/usr/local/bin/mls-full-sync).
- New cron: hourly 2GB cap on mls-thumbnails/ and cache/transformed-images/
  (/usr/local/bin/mls-image-cache-cap).
- Logrotate config for wp-content/debug.log (2-day retention, daily rotation,
  delaycompress).

Repo policy:
- CLAUDE.md updated with explicit "commit everything except build artifacts" policy.
- .gitignore: untrack runtime image caches and debug.log rotations.

Other modifications in this snapshot are pre-existing in-flight theme/plugin/db_content_updates work.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
root
2026-04-29 15:32:23 +00:00
parent 57b752f54e
commit b6df4dbb92
5385 changed files with 838580 additions and 2416 deletions
@@ -0,0 +1,85 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button {
background-image: url(../../../images/stripe/stripe-connect.png);
background-repeat: no-repeat;
background-size: contain;
border-radius: 4px;
display: inline-block;
height: 32px;
vertical-align: top;
width: 190px;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus {
box-shadow: none;
opacity: 0.8;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info {
background-color: #ffffff;
border: 1px solid #c3c4c7;
border-left: 4px solid #056aab;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin-top: 10px;
padding: 11px 15px;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong {
font-weight: 500;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p {
margin: 0;
line-height: 18px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected {
display: flex;
align-items: center;
gap: 10px;
margin-top: 8px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected::before {
background-image: url(../../../images/check-circle.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: "";
height: 17px;
width: 17px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected p {
margin-top: 0;
line-height: 20px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect {
background-color: #ffffff;
border-left: 4px solid #ffb900;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 16px 0 0;
padding: 10px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p {
color: #3c434a;
margin: 0 0 10px 0;
padding: 2px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type {
margin: 0;
}
#wpforms-setting-row-stripe-connection-status .desc {
color: #999c9e;
}
#wpforms-setting-row-stripe-connection-status .desc a {
color: #999c9e;
}
#wpforms-setting-row-stripe-card-mode .wpforms-setting-field {
padding-top: 8px;
}
@@ -0,0 +1 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button{background-image:url(../../../images/stripe/stripe-connect.png);background-repeat:no-repeat;background-size:contain;border-radius:4px;display:inline-block;height:32px;vertical-align:top;width:190px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus{box-shadow:none;opacity:0.8}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info{background-color:#ffffff;border:1px solid #c3c4c7;border-left:4px solid #056aab;box-shadow:0 1px 1px rgba(0,0,0,0.04);margin-top:10px;padding:11px 15px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong{font-weight:500}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p{margin:0;line-height:18px}#wpforms-setting-row-stripe-connection-status .wpforms-connected{display:flex;align-items:center;gap:10px;margin-top:8px}#wpforms-setting-row-stripe-connection-status .wpforms-connected::before{background-image:url(../../../images/check-circle.svg);background-size:contain;background-position:center;background-repeat:no-repeat;content:"";height:17px;width:17px}#wpforms-setting-row-stripe-connection-status .wpforms-connected p{margin-top:0;line-height:20px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect{background-color:#ffffff;border-left:4px solid #ffb900;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);margin:16px 0 0;padding:10px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p{color:#3c434a;margin:0 0 10px 0;padding:2px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type{margin:0}#wpforms-setting-row-stripe-connection-status .desc{color:#999c9e}#wpforms-setting-row-stripe-connection-status .desc a{color:#999c9e}#wpforms-setting-row-stripe-card-mode .wpforms-setting-field{padding-top:8px}
@@ -0,0 +1,61 @@
#wpforms-panel-field-stripe-custom-metadata {
margin-bottom: 20px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table {
border: 1px solid #c3c4c7;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead {
background-color: #f6f7f7;
color: #50575e;
font-size: 14px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead th {
font-weight: 400;
padding: 8px 10px;
text-align: start;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td {
border-top: 1px solid #c3c4c7;
padding-block: 10px;
padding-inline-start: 10px;
padding-inline-end: 0;
width: 33%;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td:last-of-type {
padding-inline-end: 10px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button {
background: none;
border: none;
box-shadow: none;
height: auto;
line-height: 1;
margin: 0;
padding: 0;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button i, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button i {
font-size: 16px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button {
color: #036aab;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button {
color: #d63638;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td select, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td input {
max-width: 450px;
width: 100%;
}
@@ -0,0 +1 @@
#wpforms-panel-field-stripe-custom-metadata{margin-bottom:20px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table{border:1px solid #c3c4c7;border-collapse:collapse;border-spacing:0;width:100%}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead{background-color:#f6f7f7;color:#50575e;font-size:14px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead th{font-weight:400;padding:8px 10px;text-align:start}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td{border-top:1px solid #c3c4c7;padding-block:10px;padding-inline-start:10px;padding-inline-end:0;width:33%}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td:last-of-type{padding-inline-end:10px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button{background:none;border:none;box-shadow:none;height:auto;line-height:1;margin:0;padding:0}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button i,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button i{font-size:16px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button{color:#036aab}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button{color:#d63638}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td select,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td input{max-width:450px;width:100%}
@@ -0,0 +1,291 @@
#wpforms-panel-fields .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-stripe-payment-element {
width: 60%;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-webkit-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-ms-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-moz-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-moz-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-ms-input-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating label,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating label,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating label {
display: none;
}
#wpforms-panel-fields .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-fields .wpforms-stripe-payment-element select,
#wpforms-panel-revisions .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-revisions .wpforms-stripe-payment-element select,
#wpforms-panel-ai-form .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-ai-form .wpforms-stripe-payment-element select {
width: 100%;
min-width: initial;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-sub-label,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-sub-label,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-sub-label {
margin-bottom: 5px;
margin-inline-start: 1px;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row {
overflow: hidden;
container-type: inline-size;
container-name: wpforms-field-row-responsive;
}
@container wpforms-field-row-responsive (max-width: 200px) {
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half {
float: none;
width: 100%;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc {
margin-top: 10px;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics {
display: none;
}
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc {
position: relative;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc svg {
position: absolute;
bottom: 8px;
inset-inline-end: 12px;
opacity: 0.75;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics {
position: absolute;
bottom: 7px;
inset-inline-end: 12px;
width: 136px;
max-width: calc( 100% - 24px);
height: 24px;
background-image: url("../../../images/integrations/stripe/cc-preview.png");
background-repeat: no-repeat;
background-size: 136px 24px;
background-position: 100% 50%;
}
.rtl #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics {
background-position: 0 50%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element {
width: 25%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element) {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap {
position: absolute;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width: auto;
height: 40px;
top: 0;
inset-inline-start: 0;
bottom: 0;
font-size: 16px;
line-height: 40px;
color: #666666;
container-type: inline-size;
container-name: wpforms-field-preview-wrap-small;
}
@container wpforms-field-preview-wrap-small (max-width: 280px) {
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap {
width: 25%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap {
width: 60%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
line-height: 40px;
padding-block: 0;
padding-inline-end: 0;
padding-inline-start: 10px;
overflow-x: hidden;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
min-width: 24px;
fill: #000000;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
padding-inline-start: 10px;
white-space: nowrap;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
width: fit-content;
padding: 0 20px 0 0;
opacity: 0.5;
white-space: nowrap;
}
#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap {
width: 100%;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,270 @@
.wpforms-form .wpforms-field-stripe-credit-card .StripeElement {
margin-bottom: 5px;
}
.wpforms-form .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe {
margin: 0 0 0 -4px !important;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
position: absolute;
width: fit-content;
height: 36px;
line-height: 36px;
padding: 0 0 0 10px;
top: 0;
left: 0;
bottom: 0;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
fill: #000000;
margin-right: 10px;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
font-size: 16px;
color: #333333;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
position: absolute;
width: fit-content;
height: 36px;
line-height: 36px;
padding: 0 10px 0 0;
font-size: 16px;
top: 0;
right: 0;
bottom: 0;
color: #333333;
opacity: 0.5;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-small wpforms-field-row-responsive;
}
@container wpforms-field-row-small (max-width: 200px) {
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cvc-preview svg,
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview,
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row {
margin-left: 0;
margin-right: 0;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row .StripeElement {
width: calc( 100% + 8px);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row select {
max-width: 100%;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview {
height: 46px;
line-height: 46px;
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview span {
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-expcvc-preview {
height: 46px;
line-height: 46px;
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 0.5);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=date],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime-local],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=email],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=month],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=number],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=password],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=range],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=search],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=tel],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=text],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=time],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=url],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=week],
.wpforms-lead-forms-container.wpforms-container .wpforms-field select,
.wpforms-lead-forms-container.wpforms-container .wpforms-field textarea {
opacity: 1;
background-color: transparent;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns {
display: block;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber {
background-color: var(--wpforms-field-background-color);
box-sizing: border-box;
border-radius: var(--wpforms-field-border-radius);
color: var(--wpforms-field-text-color);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--wpforms-field-size-font-size);
border-width: var(--wpforms-field-border-size);
border-style: var(--wpforms-field-border-style);
border-color: var(--wpforms-field-border-color);
padding: 0 var(--wpforms-field-size-padding-h);
height: var(--wpforms-field-size-input-height);
width: 100%;
line-height: 1;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-focus {
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
outline: none;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid:hover {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid.wpforms-stripe-element-focus {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 0 1px var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber > .__PrivateStripeElement {
width: 100%;
height: calc( var( --wpforms-field-size-font-size ) + 4px);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-sublabel + .wpforms-error {
margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ));
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
position: absolute;
width: 100%;
height: var(--wpforms-field-size-input-height);
line-height: var(--wpforms-field-size-input-height);
padding: 0 0 0 var(--wpforms-field-size-padding-h);
top: 0;
left: 0;
bottom: 0;
overflow-x: hidden;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
fill: #000000;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
font-size: var(--wpforms-field-size-font-size);
color: var(--wpforms-field-text-color);
white-space: nowrap;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
position: absolute;
width: fit-content;
height: var(--wpforms-field-size-input-height);
line-height: var(--wpforms-field-size-input-height);
padding: 0 calc( var( --wpforms-field-size-padding-h ) * 2) 0 0;
font-size: var(--wpforms-field-size-font-size);
top: 0;
right: 0;
bottom: 0;
color: var(--wpforms-field-text-color);
opacity: 0.5;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-small;
}
@container wpforms-field-row-small (max-width: 300px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cvc-preview svg {
position: absolute !important;
bottom: calc( ( var( --wpforms-field-size-input-height ) - 24px ) / 2);
right: var(--wpforms-field-size-padding-h);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-xs wpforms-field-row-s wpforms-field-row-m wpforms-field-row-responsive;
}
@container wpforms-field-row-m (max-width: 320px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
width: 64px;
}
}
@container wpforms-field-row-s (max-width: 240px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
width: 32px;
}
}
@container wpforms-field-row-xs (max-width: 210px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
display: none;
}
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cardnumber-preview {
position: absolute;
bottom: calc( ( var( --wpforms-field-size-input-height ) - 20px ) / 2);
right: var(--wpforms-field-size-padding-h);
width: 136px;
height: 20px;
background-image: url("../../../images/integrations/stripe/cc-preview.png");
background-repeat: no-repeat;
background-size: 136px 20px;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement {
margin: 0 4px var(--wpforms-field-size-input-spacing) -4px;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement:last-of-type {
margin-bottom: 0;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe {
margin: 0 !important;
}
File diff suppressed because one or more lines are too long