RZ-9714 RZ-9715 Payment form fixes

1FF · Mar 7, 2024 · 9d64378 · 9d64378
1 parent 0b11ad0
commit 9d64378
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 57 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.umd.js b/dist/index.umd.js
diff --git a/dist/index.umd.js.map b/dist/index.umd.js.map
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
@@ -16,6 +16,14 @@ p {
   display: inline;
 }
 
+.mt-8 {
+  margin-top: 2rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
 @layer utilities {
   .tw--translate-z-0 * {
     transform: translateZ(0);

diff --git a/src/components/Link/variants.ts b/src/components/Link/variants.ts
@@ -7,10 +7,10 @@ export const basic = /* tw*/ tv({
   variants: {
     theme: {
       light: {
-        base: 'tw--bg-light-glaze tw--text-white',
+        base: 'tw--inline-block tw--bg-light-glaze tw--text-white',
       },
       dark: {
-        base: 'tw--bg-dark-glazeBg tw--text-dark-glazeText',
+        base: 'tw--inline-block tw--bg-dark-glazeBg tw--text-dark-glazeText',
       },
     },
   },

diff --git a/src/components/Scenes/payment.tsx b/src/components/Scenes/payment.tsx
@@ -21,7 +21,7 @@ export const PaymentScene = ({ onClose }: { onClose: (e: MouseEvent<HTMLButtonEl
             <PaymentLoader texts={translations.loaderTexts} title={translations.tm1224} />
           </Overlay>
           <CloseButton onClick={onClose} />
-          <div id="primer-form-container" className="tw--w-full h-full">
+          <div id="primer-form-container" className="primer-theme tw--w-full h-full">
             <PaymentHead config={{ price: displayPlanPrice, period: billingFrequencyTmsg }} />
           </div>
           <PaymentFooter />

diff --git a/src/middleware/intentions.ts b/src/middleware/intentions.ts
@@ -87,29 +87,13 @@ export const intentionsMiddleware: Middleware = (store) => (next) => {
     store.dispatch(setIsEmailLoading(false));
 
     if (response.status === 409) {
-      store.dispatch(
-        addPredefinedAssistantMessage({
-          content: tm716,
-          buttons: [
-            {
-              sequence: 1,
-              id: 'opt-1',
-              text: tm526,
-              value: 'link',
-              link: response.data.buttonLink,
-              noStream: true,
-            },
-            {
-              sequence: 2,
-              id: 'opt-2',
-              text: tm715,
-              value: 'button',
-              link: '',
-              noStream: true,
-            },
-          ],
-        })
-      );
+      store.dispatch(addPredefinedAssistantMessage({
+        content: tm716,
+        buttons: [
+          { sequence: 1, id: 'opt-1', text: tm526, value: tm526, link: response.data.buttonLink, noStream: true },
+          { sequence: 2, id: 'opt-2', text: tm715, value: tm715, link: '', noStream: true }
+        ]
+      }));
 
       track({
         eventType: AllEvents.emailExist,